太上老俊

entry

output

loader:

　　rules: [

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

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

　　　　...//loader的執(zhí)行順序是從下往上，rules中最后一個loader最先被執(zhí)行

　　]　　

plugin: 用于執(zhí)行特定任務(wù)，如：打包優(yōu)化，資源管理，注入環(huán)境變量等

mode：模式

管理輸出：

　　html-webpack-plugin：生成index.html

  clean-webpack-plugin：清除dist

開發(fā)環(huán)境：

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

　　自動編譯：

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

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

　　　　webpack-dev-middleware