V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
aikilan
V2EX  ›  程序员

Vite 真快啊 ESBuild 真强

  •  
  •   aikilan · 2021-11-01 16:23:25 +08:00 · 5671 次点击
    这是一个创建于 1100 天前的主题,其中的信息可能已经有所发展或是发生改变。
    准备重构公司的在线客服系统,直接上了 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  
    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   ·   实用小工具   ·   3762 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 10:29 · PVG 18:29 · LAX 02:29 · JFK 05:29
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.