VUE中babel.config.js配置
@vue/cli-plugin-babel/preset'是一款 babel 插件,它会在编译过程中将 import 引入自动转换为按需引入的方式。
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
plugins: [
['import', {
libraryName: 'element-ui',
libraryDirectory: 'es',
style: true
}, 'element-ui']
]
}
presets:预置
plugins:插件
libraryName:库名
libraryDirectory:库目录
es:
注: 采用了 es6 module 的项目建议配置 libraryDirectory 为 es,即使用通过 import (es6 module) 引用模块的文件。这种情况打包后的体积要更小一些。