注意：這里的require()函數是用來動態導入一個模塊的，這里用到了node.js自帶的一個path模塊（類似于c++中的include<…>，只不過是動態導入的，和LoadLibarary()相似），其中__dirname代表當前目錄，reslove()函數獲得一個絕對路徑也就是當前目錄下的……\test。并且注意這不是JSON文件格式，所以上面的配置文件是可以打注釋的。

我們運行以下命令：

webpack –-config webpack.config.js

將會產生一個bundle.js文件，也就是打包好的文件。

這和之前在dist文件夾生成好的JS文件是一樣的。

默認的，webpack會有一個默認的配置設置，比如之前我們沒有指定輸出文件夾，它確自動的創建了一個dist文件夾并把打包好的文件放在其下。了解一些默認的配置對理解WebPack以及解決莫名奇妙的問題是非常有幫助的。

二、NPM腳本

要知道，程序員都是懶的，能減少重復的勞動絕對不會自己親自動手，我們發現，每一次打包都要輸入webpack，然后后面跟著一串選項，比如 webpack –-mode production –XXX XXX…….，在之前你可能沒有體會到，因為你沒有用到這些選項，現在假想，你要用到許多選項，每次都輸入這么多，會不會覺得很麻煩？所以，NPM腳本就產生了。

我們在package.json文件中的字段scripts字段添加如下信息：

{

"name": "webpack-demo",

"version": "1.0.0",

"description": "",

"main": "index.js",

"scripts": {

"test": "echo \"Error: no test specified\" && exit 1",

"build":"webpack --mode production"

  },

"keywords": [],

"author": "",

"license": "ISC"

}