手把手教你webpack3（2）简单指令（npm脚本）

前注：

文档全文请查看 根目录的文档说明。

如果可以，请给本项目加【Star】和【Fork】持续关注。

有疑义请点击这里，发【Issues】。

2、简单指令（npm脚本）

示例目录

我们实际开发中，一般都是使用npm run build或者npm run dev之类的指令，这是怎么实现的呢？

答案是利用package.json里面的scripts属性。

其他文件如【1】中的四个文件，新增一个package.json，内容如下：

// package.json  注：name只能是以下这种格式，不能有空格或者中文
{
    "name": "simple-command",
    "version": "0.0.1",
    "scripts": {
        "test": "webpack --config webpack.config.js"
    }
}

然后控制台执行命令npm run test即可。

注：

之所以我们能通过npm run test来执行"webpack --config webpack.config.js"这样一段命令。

原因是这段命令的开头，以npm为开头，所以执行的是全局变量（通常是全局变量，因为npm一般是全局安装）配置的npm包管理器。

然后后面的run test是npm负责去执行的，所以npm run test这段命令，是npm的特性，而不是webpack的，称作npm脚本。

而之后webpack的命令，是webpack做的事情。但webpack的执行，显然是通过Node.js执行的，所以可以用JavaScript语法。

npm小结（程序猿小卡）

npm的工作原理