* 入口(entry) ： 指示 webpack 應該使用哪個文件為入口起點開始打包，分析構建內部依賴圖 * 輸出(output) ： 指示 webpack打包后的資源bundles輸出到哪里去，以及如何命名 * loader：（webpack默認來了個打包js和json）指示 webpack處理那些非js文件（如css等） * 插件(plugins) * 模式(Mode)： 可以用于執行范圍更廣的任務。插件的范圍包括，從打包優化和壓縮，一直到重新定義環境中的變量。[插件接口](https://www.webpackjs.com/api/plugins)功能極其強大，可以用來處理各種各樣的任務 ~~~ const HtmlWebpackPlugin = require('html-webpack-plugin'); // 通過 npm 安裝 const webpack = require('webpack'); // 用于訪問內置插件 const path = require('path'); const config = { entry: './path/to/my/entry/file.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'my-first-webpack.bundle.js' }, module: { rules: [ { test: /\.txt$/, use: 'raw-loader' } ] }, plugins: [ new HtmlWebpackPlugin({template: './src/index.html'}) ] }; module.exports = config; ~~~