Vite 真快啊 ESBuild 真强 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
aikilan
V2EX    程序员

Vite 真快啊 ESBuild 真强

  •  
  •   aikilan 2021-11-01 16:23:25 +08:00 6066 次点击
    这是一个创建于 1439 天前的主题,其中的信息可能已经有所发展或是发生改变。
    准备重构公司的在线客服系统,直接上了 vite + react + ts,不得不说真的舒服,太快了,配置也很人性化啊。( PS:没收钱,再看看老项目编译,实在惨不忍睹。
    41 条回复    2021-11-03 02:25:56 +08:00
    dk7952638
        1
    dk7952638  
       2021-11-01 16:30:26 +08:00
    Snowpack 了解一下
    aikilan
        2
    aikilan  
    OP
       2021-11-01 16:34:09 +08:00
    @dk7952638 看去年的 build tool 排名,snowpack 和 esbuild 不相上下
    windyboy
        3
    windyboy  
       2021-11-01 16:36:43 +08:00
    sveltekit 了解下
    cweijan
        4
    cweijan  
       2021-11-01 16:46:07 +08:00
    我因为 vite 才知道了 esbuild, esbuild 是真的强, 1 秒就给我启动了, 惊呆我
    Leviathann
        5
    Leviathann  
       2021-11-01 16:57:07 +08:00 via iPhone   1
    开发服务器启动快主要是根本不做打包所以快
    rodrick
        6
    rodrick  
       2021-11-01 17:17:23 +08:00
    确实 之前老 react 项目启动一下半天 hmr 一次半天 项目都不想做了 后来改了 vite 瞬间香了
    aikilan
        7
    aikilan &nbp;
    OP
       2021-11-01 17:20:02 +08:00
    @rodrick 是啊,调试太舒服了
    zhwithsweet
        8
    zhwithsweet  
       2021-11-01 17:30:58 +08:00   3
    @dk7952638 额,snowpack 作者已经不维护了,作者本人也转向 vite 了
    zhwithsweet
        9
    zhwithsweet  
       2021-11-01 17:31:21 +08:00
    vite + react 真的香
    crs0910
        10
    crs0910  
       2021-11-01 17:45:56 +08:00
    还是有好多不支持 ESM 的包。
    aikilan
        11
    aikilan  
    OP
       2021-11-01 17:53:31 +08:00
    @crs0910 是的,生态是个问题,希望能起来
    EyebrowsWhite
        12
    EyebrowsWhite  
       2021-11-01 17:54:31 +08:00 via iPhone
    什么时候 esbuild 支持 css module 就好了
    ryougifujino
        13
    ryougifujino  
       2021-11-01 18:11:06 +08:00
    现在还在用 webpack ,启动 devServer 和 HMR 的时候慢得要死。
    yazoox
        14
    yazoox  
       2021-11-01 18:12:24 +08:00
    @aikilan 楼主,你是怎么解决引用的包,不支持 esm 的问题?还是说,你们的项目很小,所有用到的包,都支持 esm ?
    Hanggi
        15
    Hanggi  
       2021-11-01 18:37:02 +08:00
    为啥都在用 SWC ?
    makelove
        16
    makelove  
       2021-11-01 19:32:01 +08:00
    @yazoox 一定要支持 esm?不记得不需要啊,只是非 esm 只能整个引用不能引用里面的单个函数
    darrh00
        17
    darrh00  
       2021-11-01 19:32:13 +08:00
    手头一个 Go 写的服务器,少个压缩 js 的功能,一直在寻找 Go 语言的 js minifier 实现
    自从前段时间发现了 esbuild, 觉得应该是个成熟的东西了,然后几行代码就实现了盼望已久的功能。。
    weimo383
        18
    weimo383  
       2021-11-01 19:52:59 +08:00 via Android
    nextjs 也还行
    fernandoxu
        19
    fernandoxu  
       2021-11-01 20:43:38 +08:00
    能结合 antd 用吗?
    mafeifan
        20
    mafeifan  
       2021-11-01 20:47:46 +08:00   1
    ESBuild 是 go 开发的,go 真强啊
    XTTX
        21
    XTTX  
       2021-11-01 21:34:03 +08:00
    @EyebrowsWhite 我用类似 styled component 和 tailwind 比较多,什么场景下用 css module 比较多?
    XTTX
        22
    XTTX  
       2021-11-01 21:37:24 +08:00
    vite 有自己的一套 proxy server, import env 和 absolute import. 我搞明白这三点,所有方面完胜 CRA, 除了有时候报错上有点怪怪的。就是白屏,要自己看 console.
    yuuko
        23
    yuuko  
       2021-11-01 21:39:39 +08:00
    @EyebrowsWhite vite 支持 css module
    yyfearth
        24
    yyfearth  
       2021-11-02 02:26:08 +08:00
    @dk7952638 据说 snowpack 已经要被 vite2 取代了
    yazoox
        25
    yazoox  
       2021-11-02 06:38:35 +08:00
    @makelove i c, 原来如此。
    EyebrowsWhite
        26
    EyebrowsWhite  
       2021-11-02 08:40:20 +08:00 via iPhone
    @yuuko 这我知道的,我意思是纯 esbuild 会更快
    EyebrowsWhite
        27
    EyebrowsWhite  
       2021-11-02 08:42:12 +08:00 via iPhone
    @XTTX 当你想用原生 css ,不想学 less scss tailwind 的时候
    CraxClive
        28
    CraxClive  
       2021-11-02 09:12:03 +08:00 via iPhone
    不支持 antd1.x 很无奈
    XTTX
        29
    XTTX  
       2021-11-02 09:16:17 +08:00
    @EyebrowsWhite 那当然。。。。
    XTTX
        30
    XTTX  
       2021-11-02 09:17:01 +08:00
    @CraxClive 你把需要的组件代码和 css 抠出来不就好了
    CraxClive
        31
    CraxClive  
       2021-11-02 09:29:26 +08:00 via iPhone
    @XTTX 好像也可以,我抽空试一下
    XTTX
        32
    XTTX  
       2021-11-02 10:41:42 +08:00
    @CraxClive hehe, "it is just code"
    XTTX
        33
    XTTX  
       2021-11-02 10:44:07 +08:00
    @EyebrowsWhite 我从 go 到 react 到 css , 栈里面最弱的就是 css 部分,所以才学了 tailwind 。我想问一下,前端对 css 的掌握一般要达到什么程度?有没有专注 css 方向的人?还是说 css“能用就行”?国外 codepen 我看过很多 css 大神,国内有吗? 谢谢!
    xingguang
        34
    xingguang  
       2021-11-02 12:58:08 +08:00
    @XTTX #33 我知道一个张鑫旭,css 很强
    XTTX
        35
    XTTX  
       2021-11-02 13:10:21 +08:00
    这种牛 b? 我是那种要对齐元素,要去搜一下 flex 的渣子
    EyebrowsWhite
        36
    EyebrowsWhite  
       2021-11-02 14:08:48 +08:00 via iPhone
    @XTTX 同#34 ,国内大神我只知道张鑫旭,我也没跟深入学过 css ,感觉工作中 css 的要求没有很高,别把页面搞塌了就行,我就是那种“能用就行”的
    Junh
        37
    Junh  
       2021-11-02 15:44:23 +08:00
    @XTTX 视频中展示的确算是厉害,很有创意
    jmyz0455
        38
    jmyz0455  
       2021-11-02 16:29:58 +08:00
    我司也有个老项目贼慢,能在不改动业务代码的情况下把编译流程换了?
    我觉得是可以的,但是想问问有没有坑
    XTTX
        39
    XTTX  
       2021-11-02 17:31:45 +08:00
    @Junh 真的是行行出状元,我个人感觉国内专门写 css 的应该很少。
    ayang23
        40
    ayang23  
       2021-11-02 21:58:13 +08:00
    看了各位的介绍,在一个大项目上实验了一下,devserver 的确很快,但 yarn build 比 webpack 还慢,而且首次 build 和后来的速度一样,感觉没有增量编译,难道我配置错了?
    fewok
        41
    fewok  
       2021-11-03 02:25:56 +08:00
    前端真可怜。。。。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3016 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 12:06 PVG 20:06 LAX 05:06 JFK 08:06
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86