webpack 大概

entry

output

loader:

　　rules: [

　　　　{test:匹配文件格式,  use: 使用的loader},

　　　　{test:匹配文件格式,  use: 使用的loader},

　　　　...//loader的執行順序是從下往上，rules中最後一個loader最早被執行

　　]　　

plugin: 用於執行特定任務，如：打包優化，資源管理，注入環境變量等

mode：模式

 

管理輸出：

　　html-webpack-plugin：生成index.html

clean-webpack-plugin：清除dist

開發環境：

 　　source-map：追溯錯誤來源文件（devtool: 'inline-source-map',）

　　自動編譯：

　　　　webpack-dev-server：加配置 devServer:{ contentBase: './dist' }；在編譯以後不會寫入到任何輸出文件。而是將 bundle 文件保留在內存中，而後將它們 serve 到 server 中，就好像它們是掛載在 server 根路徑上的真實文件同樣。

　　　　webpack watch mode：webpack --watch，自動編譯，不刷新瀏覽器

　　　　webpack-dev-middleware