متغيرات البيئة
للتمييز داخل 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"),
},
};
};« Previous
تأليف المكتباتNext »
أداء البناء


