由于使用Vue打包出来的一些文件较大,使用CDN的方式引入,可以减小打包后文件的大小,但是唯独element-ui的依赖依旧占用较大
在index.html文件中引入了css和js后,需要删除掉main-prod.js文件中的element-ui导入语句
import './plugins/element.js'
然后在vue.config.js中添加以下语句
module.exports = {
chainWebpack: config => {
config.when(process.env.NODE_ENV = 'production', config => {
... ...
config.set('externals', {
... ...,
'element-ui': 'ELEMENT'
})
})
... ...
}
}
其中最重要的就是'element-ui': 'ELEMENT'
这句话,一定要加上。