版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
解决js文件过大的问题
1.在webpack.base.conf.js中添加下面代码，是为了打包是不带入以下文件
module.exports = {
...
externals: {
vue: 'Vue',
// 'element-ui': 'ElEMENT'
'element-ui': 'ElementUI'
}
...
}
2.在index.html中(这里是vue项目中的index不是dist文件中的index)添加以下代码
<head>
<!-- cssCDN -->
<link
rel="stylesheet"
href="https://unpkg.com/[email protected]/lib/theme-chalk/index.css"
/>
<!-- CDN的引入 -->
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
<script src="https://cdn.bootcss.com/element-ui/2.4.11/index.js"></script>
</head>
注意 element UI的版本号要看清楚
css的版本号要对应js的版本号，否则有些样式会出错
https://unpkg.com/element-ui@版本号/lib/theme-chalk/index.css
3.在入口文件中(我的是main.js)中将以下代码删除或者注释
import ElementUI from 'element-ui'
Vue.use(ElementUI)
路由懒加载
import index from './views/index/index.vue'
{
path: '/',
component: index,
name: '',
hidden: true
}
将上面代码改为
{
path: '/',
component: ()=>import('./views/index/index.vue'),
name: '',
hidden: true
}