使用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的鏈接：

 <link href="/tupian/20230521/index.css" rel="stylesheet">
  <script src="/upload/otherpic15/script>
  <script src="/upload/otherpic15/script>
  <script src="/upload/otherpic15/script>
  <script src="/upload/otherpic15/pre
關閉SourceMap生成
在config/index.js中設置：
cssSourceMap: false,
productionSourceMap: false,
productionGzip: true,
路由懶加載
component: (resolve) => require(['../components/Index.vue'], resolve)
            

                分享題目：Vue項目使用Webpack打包體積優化-創新互聯
                

                網頁路徑：http://vcdvsql.cn/article46/csgoeg.html
            
            

                成都網站建設公司_創新互聯，為您提供面包屑導航、網站設計、外貿網站建設、網站收錄、做網站、服務器托管            
            

                廣告
                
            
            

                聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：
                創新互聯