npm scripts

实现自动化构建的最简方式

什么是 npm scripts

• npm 允许在 package.json 文件中，使用 scripts 字段定义脚本

npm scripts 自定义脚本命令

1. 声明命令

（package.json）

“scripts”: {

“foo”: “

node bar.js”

}

2. 执行命令

(命令行)

npm run foo

等同于

node bar.js

 

npm scripts 中任务的执行方

式

并行 / 串行

 

 

& （并行执行）在 Windows 下不起作

用

npm-run-all 插件

 

构建样式文件

• 将 less 转成 css

• npm i less -g

• lessc input.less output.css

• 压缩 css 文件

• npm i minify -g

• minify output.css > output.min.css

步骤

• 初始化项目（

npm init --yes）

• 添加 scripts 命令 （

less + minify ）

• 执行 scripts 命令（

npm run 命令 ）