前面的文章介紹了webpack的devServer以及多入口多出口文件的配置，咱們繼續往下學。 　　在開始學習接下來的知識之前，我們先回顧一下，前文提到了webpack的簡單配置方法，但是只詳細說了下入口和出口文件的配置，並沒有更多的去解釋其他選項的配置，比如loader，plugin ...

打包壓縮js與css 由於webpack本身集成了UglifyJS插件（webpack.optimize.UglifyJsPlugin）來完成對JS與CSS的壓縮混淆，無需引用額外的插件, 其命令webpack -p即表示調用UglifyJS來壓縮代碼，還有不少webpack插件 ...

1.安裝 使用淘寶鏡像，將webpack安裝到全局 $ cnpm install webpack -g 查看webpack版本 $ webpack -v 在項目中安裝， $ cnpm install webpack --save-dev 安裝webpack開發工具 ...

打包 css 文件的意義： 最終把 css 文件壓縮到 最終生成的 js 文件里，頁面不需要再加載 css 文件，並且是壓縮過的 打包 css 文件 ，安裝 style-loader css ...

減小文件搜索范圍 配置 resolve.modules Webpack的resolve.modules配置模塊庫（即 node_modules）所在的位置，在 js 里出現 import 'vue' 這樣不是相對、也不是絕對路徑的寫法時，會去 node_modules 目錄下找。但是默認的配置 ...

1.安裝compression-webpack-plugin 2.vue.config.js配置 3.run build 報錯 排查原因是版本太高。執行以下命令 PS:我在另一個項目配置，報出了其他錯誤，排查原因是webpack版本 ...

css-loader原有的minimize選項在1.0.0版本已經移除，不能使用其進行css壓縮。 目前可行的css壓縮方案有： 1. postcss-loader with cssnano or use optimize-cssnano-plugin plugin ...

每次學新東西總感覺自己是不是變笨了，看了幾個博客，試着試着就跑不下去，無奈只有去看官方文檔。 webpack是基於node的。先安裝最新的 node。 1.初始化 安裝node后，新建一個目錄，比如html5。cmd中切到當前文件夾。 這個命令會創建 ...