[NPM] Create a bash script to replace a complex npm script

最新推荐文章于 2025-08-10 19:51:39 发布

转载最新推荐文章于 2025-08-10 19:51:39 发布 · 79 阅读

文章标签：

#json #测试

本文介绍如何将复杂的npm脚本拆分为外部的bash脚本，以此简化package.json文件并提高维护效率。通过创建独立的bash脚本，不仅可以使npm配置更加清晰，还可以方便地添加额外的功能如权限设置和消息提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

In this lesson we will look at pulling out complex npm scripts into their own external bash scripts. This ends up simplifying your package.json file and abstracts the complexity into another file.

From:

    "pretest": "npm run lint",
    "test": "BABEL_ENV=test mocha spec/ --require babel-register",

To:

1. Create "scripts" folder and "test.sh" file:

#!/usr/bin/env bash

npm run lint
BABEL_ENV=test mocha spec/ --require babel-register

Then update package.json

"test": "./scripts/test.sh",

and remove "pretest" script.

2. Add premisson to the bash files:

cd scripts
chmod -R 777 . // change premission for all files in script folder

3. Can add some messages:

From :

"build": "npm-run-all build:*",
    "prebuild": "rm -rf public/$npm_package_version",
    "build:html": "pug --obj data.json src/index.pug --out public/$npm_package_version/",
    "build:css": "node-sass src/index.scss | postcss -c .postcssrc.json | cssmin > public/$npm_package_version/index.min.css",
    "build:js": "mustache data.json src/index.mustache.js | uglifyjs > public/$npm_package_version/index.min.js",

TO:

"build": "./scripts/build.sh",

#!/usr/bin/env bash

echo "Building..."
rm -rf public/$npm_package_version
pug --obj data.json src/index.pug --out public/$npm_package_version/
node-sass src/index.scss | postcss -c .postcssrc.json | cssmin > public/$npm_package_version/index.min.css
mustache data.json src/index.mustache.js | uglifyjs > public/$npm_package_version/index.min.js
echo "Finished building."