vue 优化打包体积

都是基于vuecli3.0的配置

在页面直接通过script标签引入项目所需的依赖

然后在webpack配置里  做下配置 

 

配置

//webpack配置
  configureWebpack: config => {
      // 打包忽略
      config.externals = {
        'vue': 'Vue',
        'vue-router': 'VueRouter',
        'element-ui': 'ELEMENT'
        }
  }

需要注意的是

在每次修改完一次配置后，尽量重启一下服务 

遇到过的问题

在优化vue-router的时候  当配置好后   因为没有重启服务器，所以报$router不存下的错误

 

 

以上代码仅仅是最基础的一个修改的展示  至于具体的优化项，因项而异了就