Vue项目使用Webpack打包体积优化-创新互联

使用Vue开发的项目在用Webpack打包之后vender和app这两个js文件可能很大，而且有很多的map文件，其体积也不小，那么如何优化打包后体积呢？

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：申请域名、虚拟主机、营销软件、网站建设、潞州网站维护、网站推广。

引入CDN

在webpack.base.conf.js文件中添加打包排除项：

externals: {
    'vue': 'Vue',
    'echarts': 'echarts',
    'axios': 'axios',
    'vuex': 'Vuex'
  },

然后去掉main.js中的导入，在index.html添加BootCDN的链接：

 
  
                    
                
                
            
            Copyright © 2025 青羊区瑞达杰昌互联网信息服务工作室（个体工商户） 宣威建站 All Rights Reserved   蜀ICP备2025133229号-6


    
        
            
                网站建设
                服务流程
                售后服务
                付款方式
                关于我们
                网站地图
                
            
            Copyright © 2025 青羊区瑞达杰昌互联网信息服务工作室（个体工商户） 宣威建站
             蜀ICP备2025133229号-6

宣威网站建设

Vue项目使用Webpack打包体积优化-创新互联

引入CDN