我们在开发的时候会反复的使用很多的 CLI 命令,比如启动本地服务器、打包、测试、代码格式化等等。
    这些命令太多的时候会导致难以记忆。
    于是,npm 非常贴心的支持了脚本,只需要在 package.json 中配置 scripts 字段,即可配置各种执行文件的脚本命令,最后我们通过npm run 脚本名称运行脚本即可。

    例如:

    1. // 其他的配置文件
    2. "script":{
    3. "start": "node ./index.js",
    4. "dev": "webpack-dev-server --config ./build/webpack.config.js",
    5. "build": "webpack --config ./build/webpack.config.js"
    6. }

    最后,运行:

    1. # $ ./node_modules/.bin/webpack-dev-server --config ./build/webpack.config.js
    2. # $ npx webpack-dev-server --config ./build/webpack.config.js
    3. $ npm run start
    4. $ npm run dev
    5. $ npm run build

    这样我们就不用找到 node_modules/.bin 下的执行文件了。

    不仅如此,npm 还对某些常用的脚本名称进行了简化,下面的脚本名称是不需要使用 run 的:

    • start
    • stop
    • test
      1. $ npm start
      2. $ npm stop
      3. $ npm test

    script 还可以配置任何电脑可运行的 CLI 命令:

    1. "scripts": {
    2. "ls": "ls -l"
    3. }

    image.png