DEV Community

t-o-d
t-o-d

Posted on

【NPM】Three useful ways to write a grouping in scripts configuration.

#javascript #webdev #beginners #npm
  • I think you need to write scripts configuration in package.json when you use npm. In this post, I'll write three useful ways to group scripts.

preparation

  • Install npm-run-all, which is useful when writing multiple commands in scripts.
    • It can be written as run-s ******(scripts name). 
$ npm i -D npm-run-all

1. Basic Writing

  • Write all of the scripts. 
{ "scripts": { "build": "run-s build:clean build:copy build:js", "build:clean": "rimraf ./dist", "build:copy": "cpx -C public/** dist", "build:js": "esbuild src/index.js --bundle --outfile=dist/out.js" } }

2. wildcard writing

  • Write with a wildcard using an asterisk. 
{ "scripts": { "build": "run-s build:*", "build:clean": "rimraf ./dist", "build:copy": "cpx -C public/** dist", "build:js": "esbuild src/index.js --bundle --outfile=dist/out.js" } }

3. grouping writing (Convenient and recommended)

  • Write it as you would an array using brackets.
  • It is recommended that the order and names are clearly marked. 
{ "scripts": { "build": "run-s build:{clean,copy,js}", "build:clean": "rimraf ./dist", "build:copy": "cpx -C public/** dist", "build:js": "esbuild src/index.js --bundle --outfile=dist/out.js" } }

That's all.
Thank you for reading.

Top comments (0)