1,在index页面把原来npm下载的一些插件通过script的方式引入
<script src="https://cdn.bootcss.com/vue/2.5.15/vue.min.js"></script>
<script src="https://cdn.bootcss.com/vue-router/2.3.0/vue-router.min.js"></script>
<script src="https://cdn.bootcss.com/element-ui/2.4.6/index.js"></script>
<script src="https://cdn.bootcss.com/echarts/3.3.2/echarts.min.js"></script>
2,build/webpack.base.conf.js把引入的那些js排除在打包的范围之外。
module.exports = {
entry: {
app: './src/main.js'
},
externals:{
'SchoolConfigData':'SchoolConfigData',
'vue': 'Vue',
'vue-router': 'VueRouter',
'element-ui': 'ELEMENT',//右边是你页面中使用的名字
'echarts': 'echarts'
},
3.build/webpack.prod.conf.js
找到new CompressionWebpackPlugin({把下面的filename改成asset
下面我想说:我看到一些介绍会说把mian.js里面的你在index里面已经通过script的方式引入过的文件都删除了。
但是我试了一些删除好像有点地方会报错啊。但是不删除的话好像也没有影响到程序。所以在这里我们没有删除。有没有知道的小伙伴知道原因告知一下a