Concatenate NPM Script Commands?

Question

I understand that it's possible to chain NPM scripts with &&, pre- and post- hooks, but is it possible to simply separate lengthy script lines into a single, concatenated line?

For example, I'd like to convert this:

"script": {
  "build": "--many --commands --are --required --on --a --single --line"
}

into this:

"script": {
  "part1": "--many --commands",
  "part2": "--are --required",
  "part3": "--on --a",
  "part4": "--single --line",
  "build": "part1 + part2 + part3 + part4"
}

So when I enter npm run build it will merge all the parts of the command on one line.

I'm also familiar with config variables, but they are not a cross platform solution so I will avoid using them.

I think the recommended way would be to move it into an external file. A single line Bash file and Batch (or PowerShell) file would be one way, though you would need to "maintain" the two files separately. — Whymarrh
– Whymarrh, Commented May 9, 2017 at 18:16
Yeah, I was thinking it wasn't really possible. Too bad, but I decided to just setup some Gulp tasks with Node's child_pocess.exec — Chunky Chunk
– Chunky Chunk, Commented May 10, 2017 at 0:05

Nurbol Alpysbayev · Accepted Answer · 2018-12-21 21:05:26Z

17

A common approach to do it is like:

{
  "scripts:": {
    "script1": "cmd1",
    "script2": "cmd2",
    "script3": "cmd3",
    "build": "npm run script1 && npm run script2 && npm run script3",
  }
}

answered Dec 21, 2018 at 21:05

Nurbol Alpysbayev

22.4k6 gold badges68 silver badges100 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user6080677 Over a year ago

Along with this strategy, one can also use the npm-run-all package for a little cleaner syntax.

Arman Over a year ago

I don't know why this answer has so many upvotes but its completely wrong. The question is asking for concatenating not running multiple commands. imagine I want to run "echo hello world" using 3 scripts with echo, hello and world. npm run echo && npm run hello && npm run world is clearly incorrect

denixtry · Accepted Answer · 2018-12-21 21:27:08Z

3

You can use the config parameter in your package.json like so, Although it's longer!

You could reuse your config at least with this method.

There is probably a way to concat multiple environmental variables based on a regex.

{

  "config": {
    "part1": "--many --commands",
    "part2": "--are --required",
    "part3": "--on --a",
    "part4": "--single --line",
  },
  "script": {
    "build": "cmd $npm_package_config_part1 $npm_package_config_part2 $npm_package_config_part3 $npm_package_config_part4"
  }
}

answered Dec 21, 2018 at 21:27

denixtry

3,1082 gold badges23 silver badges20 bronze badges

3 Comments

Arman Over a year ago

The only working solution to this question

martinedwards Over a year ago

This is brilliant. Can't believe i didn't know this.

coler-j Over a year ago

This does not work for yarn only for npm.

F. Lumley · Accepted Answer · 2019-04-26 04:09:03Z

3

Similar to TheDarkIn1978's answer but shorter:

"script": {
  "build:js": "--many --commands",
  "build:css": "--are --required",
  "build:images": "--on --a",
  "build": "run-s build:*"
}

answered Apr 26, 2019 at 4:09

F. Lumley

7651 gold badge6 silver badges15 bronze badges

1 Comment

Joshua Pinter Over a year ago

Note, this requires npm-run-all package: github.com/mysticatea/npm-run-all

Morta1 · Accepted Answer · 2018-12-21 21:27:26Z

2

You can use npm install -g concurrently

Simple usage :

concurrently "command1 arg" "command2 arg"

answered Dec 21, 2018 at 21:27

Morta1

6197 silver badges20 bronze badges

Collectives™ on Stack Overflow

Concatenate NPM Script Commands?

4 Answers 4

2 Comments

3 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related