웹 패키지에서 전역 변수 정의

DefinePlugin 사용

const { DefinePlugin } = require("webpack");
const { readFileSync } = require("fs");

/** @type {import("webpack").Configuration} */
module.exports = {
  /***** 中略 *****/
  plugins: [
    new DefinePlugin({
      "window.GLOBAL_VARIABLES": JSON.stringify({
        env: {
          NODE_ENV: process.env.NODE_ENV,
        },
        title: "Hello, World!",
        "answer to life the universe and everything": 42,
      }),
      "window.PACKAGE": readFileSync("./package.json", { encoding: "utf8" }),
    }),
  ],
};

console.log(window.GLOBAL_VARIABLES);
console.log(window.PACKAGE);