Webpack入门第三节

更快捷的执行打包任务！

在命令行中输入命令类似node_modules\.bin\webpack这样的路径其实是比较烦人的，不过值得庆幸的是npm可以引导任务执行，对npm进行配置后可以在命令行中使用简单的npm start命令来替代上面略微繁琐的命令。在package.json中对scripts对象进行相关设置即可，设置方法如下：

{
  "name": "webpack-sample-project",
  "version": "1.0.0",
  "description": "Sample webpack project",
  "scripts": {
    "start": "webpack" // 修改的是这里，JSON文件不支持注释，引用时请清除
  },
  "author": "zhang",
  "license": "ISC",
  "devDependencies": {
    "webpack": "3.10.0"
  }
}

注：package.json中的script会按照一定顺序寻找命令对应位置，本地的node_modules\.bin路径就在这个寻找清单中，所以无论是全局还是局部安装的Webpack，都不需要在前面指明详细的路径了。

npm 的start命令是一个特殊的脚本名称，其特殊性表现在，在其命令行中执行npm start就可以执行对应的命令，如果对应的脚本名称不是start，想要在命令行中运行时，需要这样用npm run {script name}如npm run build ,此处我们在命令中输入npm start即可。