jquery和swiper本身就很大了，建議引用包比較大的單獨(dú)拆分出來再build

module.exports = {
  entry: {
    vendor: ['vue','vuex','vue-scroller','jquery','vue-awesome-swiper','vue-touch'],
    echarts: ['echarts'],
    app: './src/main.js'
  },
  
  ...
}

你可以使用路由賴加載（按需加載）來進(jìn)行路由的配置，這樣可以進(jìn)行些優(yōu)化的操作，比如：

const Home= resolve =>{
  require(['./components/home/index.vue'],resolve);
};
{
                name:'home',
                path:'/home',
                title:"首頁",
                component:Home,
            }

這樣app.js打包出來會小很多很多，其次，你可以使用happypack這個(gè)插件來實(shí)現(xiàn)打包速度的優(yōu)化，再是可以使用webpack-bundle-analyzer來分析打包后各種文件的大小，來實(shí)現(xiàn)優(yōu)化的方案

使用異步加載的方式進(jìn)行載入
具體可以看下這個(gè)大佬的文章，有幾篇關(guān)于webpack的優(yōu)化
https://jeffjade.com/2017/08/...

先查下是什么占比最多？
1.如果是圖片比較多的話，建議傳到服務(wù)器上，然后用鏈接地址引用。
2.三方插件較多的話，就采用懶加載吧

壓縮圖片,代碼壓縮并去掉注釋代碼

在config/index.js文件里面把bundleAnalyzerReport屬性設(shè)置為true，這樣就可以看到你打包了什么模塊，然后再拆包?？梢钥纯催@個(gè)文章

好奇.jpg，也許你需要webpack-bundle-analyzerwebpack插件分析一下。

將圖片轉(zhuǎn)成datauri嵌入了吧？可以看下具體的生成代碼

查到了會產(chǎn)生這么大的js文件的原因了,就是因?yàn)槲抑霸趙ebpack.base.conf.js文件里img部分的limit值添了兩顆0的原因(自己想的方法果然不太靠譜),這樣雖然解決了圖片和背景圖路徑問題,但是顯然不是一個(gè)好辦法,在https://www.zhihu.com/questio... 樓中大佬的解釋下使用"如果你用了vue-cil，那么在build目錄下找到utils.js中的ExtractTextPlugin.extract({}),里面添加下面這個(gè)屬性就完美解決了publicPath: '../../'"的方法完美解決,感謝各位大佬的回答!剛注冊的沒法點(diǎn)贊,只能口頭感謝了