How to define variable in two npm command?

Question

As I have different channel to run my code in npm command.

In the npm scripts, I will write

"scripts": {
  "start": "webpack-dev-server",
  "start:channle_1": "CHANNEL=channe_1 webpack-dev-server",
  "start:channle_2": "CHANNEL=channe_2 webpack-dev-server"
}

And in webpack.config.js, I can define variable to judge I'm in which channel.

  const CHANNEL = process.env.CHANNEL || 'channe_1';

  console.log('===', process.env.CHANNEL);

  webpackConfig.plugins.push(
    new webpack.DefinePlugin({
      CHANNEL: JSON.stringify(CHANNEL),
    })
  );

So, in my code, there is a glable CHANNEL I can use.

But, there is a problem in my npm scripts. I want separate sever and channel.I hope it can like this

"scripts": {
  "start": "webpack-dev-server",
  "start:channle_1": "CHANNEL=channe_1 & npm run start",
  "start:channle_2": "CHANNEL=channe_2 & npm run start"
}

As I know, & can let npm command run currently, but, in my situation, the variable CHANNEL can't pass in process.env.CHANNEL.

So, how can I solve this problem?

Jim Stewart · Accepted Answer · 2016-11-16 04:53:44Z

2

If you take out the & it should work fine:

"start:channle_1": "CHANNEL=channe_1 npm run start"

When you put & in there, it's going to try to run the preceding (empty) command in the background. You can set environment variables by prefixing them from the command, separated by whitespace.

answered Nov 16, 2016 at 4:53

Jim Stewart

17.4k5 gold badges77 silver badges91 bronze badges

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

1 Comment

RyanZim Over a year ago

Should also add that if you want your script to work on windows, you will have to use github.com/kentcdodds/cross-env.

Collectives™ on Stack Overflow

How to define variable in two npm command?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related