vue 优化打包体积

    技术2023-06-07  86

    都是基于vuecli3.0的配置

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

    然后在webpack配置里  做下配置 

     

    配置

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

    需要注意的是

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

    遇到过的问题

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

     

     

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

    Processed: 0.012, SQL: 9