手把手教你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的工作原理

上一篇:手把手教你webpack3(1)最简单的webpack实例


下一篇:三十分钟熟悉es6(es6常用功能总结)