節點環境 - ming5ming

index.js 將讀取 .env 中的 process.env.*。
但是您可以使用 dotenv 在命令行中獲取環境變量：

// package.json
"scripts": {
  "build:dev": "webpack",
  "build:prod": "cross-env NODE_ENV=production webpack"
},

// .env
NODE_ENV=development

// webpack.config.js
const dotenv = require("dotenv")

dotenv.config()
console.log(process.env.NODE_ENV)

process.exit(0)

// console output
npm run build:dev      // "development"
npm run build:prod     // "production"

同樣，在 webpack 配置中：

"build:prod": "webpack --node-env=production"

在 esbuild 配置中：

//build.js
const esbuild = require('esbuild');

esbuild
  .build({
    entryPoints: ['./src/ts/variables.ts', './src/ts/elements.ts', './src/ts/form.ts'],
    outdir: './public/js',
    bundle: true,
    minify: true,
    sourcemap: false,
    format: 'esm',
    tsconfig: './tsconfig.json',
    define: {
      'process.env.TITLE': '"This is a Title"',
      'process.env.VERSION': '"1.0.0"'
    }
  })
//index.js
const title   = process.env.TITLE;  
const version = process.env.VERSION;