vue项目优化

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值