Node環境 - ming5ming

Node環境

2023年11月23日148

AI 翻訳

この記事はAIを通じて英語から日本語に翻訳されました。原文を表示

AI が生成した要約

index.js reads the process.env.* variables from the .env file. However, you can use dotenv to get the environment variables in the command line. The package.json file has scripts for building the development and production environments. The .env file sets the NODE_ENV variable to "development". The webpack.config.js file requires dotenv and configures it. It then logs the value of process.env.NODE_ENV and exits. When running "npm run build:dev", the console output is "development". When running "npm run build:prod", the console output is "production". The webpack config also has a "build:prod" script that sets the --node-env flag to "production". The esbuild config file builds the project with certain entry points and outputs it to a specific directory. It also defines process.env.TITLE as "This is a Title" and process.env.VERSION as "1.0.0". The index.js file uses the process.env.TITLE and process.env.VERSION variables.

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': '"これはタイトルです"',
      'process.env.VERSION': '"1.0.0"'
    }
  })
//index.js
const title   = process.env.TITLE;  
const version = process.env.VERSION;