从 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案例