从 v3 升级到 v4
重大变更
- 现在
autoImportComponents.globs是以srcRoot作为路径,以前是以cwd作为基准路径,鼓励将所有的资源都放在srcRoot内部
diff
enhance: {
autoImportComponents: {
- globs: ['src/components/**/*'],
+ globs: ['components/**/*'],
},
}- 完全重构的编译核心,带来了更高效的处理速度的同时,也带来了更加强大的扩展性
- 放弃了
ts-morph编译worker的实现,因为太慢了,转变为直接使用vite进行编译 - 使用
vite-plugin-commonjs来处理项目中带有的require问题,而不是使用@rollup/plugin-commonjs
由于 4 的更改,这导致我们项目中,假如需要引用外部的 cjs / umd 模块,比如: visactor index-wx-simple.min.js
我们需要手动把 index-wx-simple.min.js 重命名为 index-wx-simple.min.cjs (js -> cjs)
然后再在你的项目中进行引入:
ts
import VChart, { vglobal } from './vchart/index-wx-simple.min.cjs'这样就可以正常使用了, Demo案例