Loader:

• babel-loader：將ES6+的代碼轉換成ES5的代碼。
• css-loader：解析CSS文件，并處理CSS中的依賴關系。
• style-loader：將CSS代碼注入到HTML文檔中。
• file-loader：解析文件路徑，將文件賦值到輸出目錄，并返回文件路徑。
• url-loader：類似于file-loader，但是可以將小于指定大小的文件轉成base64編碼的
  Data URL格式**
• sass-loader：將Sass文件編譯成CSS文件。
• less-loader：將Less文件編譯成CSS文件。
• postcss-loader：自動添加CSS前綴，優化CSS代碼等。
• vue-loader：將Vue單文件組件編譯成JavaScript代碼。

Plugin:

• HtmlWebpackPlugin：生成HTML文件，并自動將打包后的javaScript和CSS文件引入到HTML文件中。
• CleanWebpackPlugin：清除輸出目錄。
• ExtractTextWebpackPlugin：將CSS代碼提取到單獨的CSS文件中。
• DefinePlugin：定義全局變量。
• UglifyJsWebpackPlugin：壓縮JavaScript代碼。
• HotModuleReplacementPlugin：熱模塊替換，用于在開發環境下實現熱更新。
• MiniCssExtractPlugin：與ExtractTextWebpackPlugin類似，將CSS代碼提取到單獨的CSS文件中。
• BundleAnalyzerPlugin：分析打包后的文件大小和依賴關系。