متغيرات البيئة

للتمييز داخل webpack.config.js بين التطوير وبناءات الإنتاج، يمكنك استخدام متغيرات البيئة.

يسمح لك خيار البيئة في سطر أوامر webpack، وهو --env، بتمرير أي عدد تريده من متغيرات البيئة. وستصبح هذه المتغيرات متاحة داخل webpack.config.js. على سبيل المثال: --env production أو --env goal=local.

npx webpack --env goal=local --env production --progress

هناك تغيير واحد ستحتاج إلى إجرائه في إعدادات webpack. عادةً يشير export default إلى كائن الإعدادات. لاستخدام متغير env، يجب أن تجعل export default دالة:

webpack.config.js

import path from "node:path";
import { fileURLToPath } from "node:url";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

export default (env) => {
  // استخدم env.<YOUR VARIABLE> هنا:
  console.log("Goal:", env.goal); // 'local'
  console.log("Production:", env.production); // true

  return {
    entry: "./src/index.js",
    output: {
      filename: "bundle.js",
      path: path.resolve(__dirname, "dist"),
    },
  };
};
Edit this page·

1 Contributor

arabpolice