webpack入門 大多數項目會需要很復雜的設置，這就是為什麽webpack要支持配置文件。這比在終端中輸入大量命令要高效的多，所以讓我們常見一個取代CLI選項方式的配置文件

新建 webpack.config.js

const path = require(‘path‘);

module.exports = {
  entry: ‘./src/index.js‘,//設置入口文件
  output: {
    filename: ‘bundle.js‘,//生成的輸出文件名稱
    path: path.resolve(__dirname, ‘dist‘)//輸出文件的路徑
  }
};

構建配置文件：

./node_modules/.bin/webpack --config webpack.config.js

運行結果：

Hash: ff6c1d39b26f89b3b7bb
Version: webpack 2.2.0
Time: 390ms
    Asset    Size  Chunks                    Chunk Names
bundle.js  544 kB       0  [emitted]  [big]  main
   [0] ./~/lodash/lodash.js 540 kB {0} [built]
   [1] (webpack)/buildin/global.js 509 bytes {0} [built]
   [2] (webpack)/buildin/module.js 517 bytes {0} [built]
   [3] ./src/index.js 278 bytes {0} [built]
 

tip：如果 webpack.config.js 存在，則 webpack 命令將默認選擇使用它。我們在這裏使用 --config 選項只是向你表明，可以傳遞任何名稱的配置文件。這對於需要拆分成多個文件的復雜配置非常有用。

webpack 使用配置文件