Vite 调研笔记

优点，

  1. react 基础 ui 脚手架 ok，测试了 react-router + antd（包含 less 自定义主题） + @alipay/tech-ui，正常
    2. 基本功能正常，包括 alias、dynamic import、css modules
    3. DX 真不错，速度快，依赖的递增编译也做的很好，另外配置修改后基本都是及时生效

缺点，

  1. 依赖兼容是个大问题，测了 40 来个内网常用大型依赖，约有 10 个有问题，落地真实项目需要花时间规范这些库
    1-6. 内部库隐去
    7. @antv/g2-plugin-slider
    8. @antv/g6-editor
    9. bizcharts
    10. gg-editor
    2. dev 依赖预编译基于 esbuild，build 基于 rollup，所以有可能 dev 能启，build 过不去，我加了 40 多个依赖的项目跑不过，还要花时间解决
    3. react 17 jsx esbuild 不支持，但如果只是不想写 import React from ‘react’; 则配 esbuild.jsxInject 解决
    4. 新增依赖后有时会报 The requested module ‘/node_modules/react/index.js’ does not provide an export named ‘Component’，重启 dev 加 —force 解决

其他，

  1. monaco-editor 还没试，可能报错，可通过 @monaco-editor/react 这个库绕过
    2. antd 按需编译可通过 vite-plugin-import 减少尺寸，默认 build only，因为 dev 不需要