注意：这里的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"

}