根據慕課網webpack學習。

webpack v1

功能：編譯，打包

            hmr（模塊熱更新）

           代碼分割

          文件處理

webpack v2

            tree shaking

功能：你在你項目引入的代碼，可是實際上並無做用的他會幫你去除。代碼體積更小

           ES  module

            動態Import  

webpack v3

       Scope Hoisting（做用域提高）（好比把閉包提到一個做用域中，提升性能）

核心概念：

        Entry：

        Output：

       Loaders：處理文件，轉化爲模塊，

       Plugins：參與整個打包過程，打包優化壓縮，編譯時的變量，極其靈活。

       chunk：代碼塊。Bundle：打包好之後的了。module：模塊。

這是entry和output的大體樣子，而後filename屬性後面的name是表明入口的index或者verdor。hash不懂，理解爲固定參數或者版本號吧。

 

這是一個簡單的loader的長相。test：/\.css$/,知足這個以.css結尾的文件的長相的，就用後面的use。還有不少長相能夠大概看看。

 

 

webpack的使用：

webpack命令

webpack配置

第三方腳手架。