error: Invalid define: --define:process.env.NODE_ENV=development about esbuild HOT 7 CLOSED

@ivanjeremic Any argument in the command line is converted to a key-value pair. So it will look something like

{
    "process.env.NODE_ENV": `"production"`
}

If you are struggling to set this up, use a starter-template instead.

from esbuild.

Solved by wrapping production in single quotes:

npx esbuild index.jsx --bundle --minify --outfile=out.min.js --define:process.env.NODE_ENV='production'

from esbuild.

When wrapping define in brackets as in the react example, the error is:

npx esbuild index.jsx --bundle --minify --outfile=out.min.js '--define:process.env.NODE_ENV="production"'
error: Use --outdir instead of --outfile when there are multiple entry points

And when not wrapping:

npx esbuild index.jsx --bundle --minify --outfile=out.min.js --define:process.env.NODE_ENV="production"
error: Invalid define: --define:process.env.NODE_ENV=production

OS: Windows x64
esbuild: [email protected]

from esbuild.

What shell is this? cmd.exe? WSL? Cygwin? Something else?

from esbuild.

I'm using cmder, it's using ConEmu under the hood.

package.json also need to be updated:

"scripts": {
    "build": "npm run build:prod",
    "build:dev": "esbuild src/index.jsx --bundle --define:process.env.NODE_ENV='development' --outfile=bundle.js",
    "build:prod": "esbuild src/index.jsx --bundle --define:process.env.NODE_ENV='production' --minify --outfile=bundle.min.js"
  }

from esbuild.

How would this look like when using a JavaScript config file?

require("esbuild")
 .build({
   entryPoints: ["app.jsx"],
   bundle: true,
   inject: ["./react-shim.js"],
   outfile: "out.js",
   define: process.env.NODE_ENV = "production",
 })
 .catch(() => process.exit(1));

from esbuild.

@ivanjeremic Any argument in the command line is converted to a key-value pair. So it will look something like

{
    "process.env.NODE_ENV": `"production"`
}

If you are struggling to set this up, use a starter-template instead.

I try to setup esbuild for using a react component library, specifically there is one hook I want to make public on NPM and since rollup and webpack are not so my taste I wanted to learn esbuild and use it for that npm package(react hook), Can esbuild be used for this?

from esbuild.