Bagaimana untuk Menguruskan Pembolehubah Global dalam Webpack?

Pendekatan untuk Mentakrifkan Pembolehubah Global dalam Webpack

1. Permulaan Modul

Webpack menilai modul sekali sahaja, membolehkan anda mencipta modul seperti globals.js yang mengandungi objek pembolehubah global. Anda boleh mengimport modul ini ke dalam modul lain dan mengubah suai atau mengakses sifatnya, mengekalkan skop global.

2. Webpack's ProvidePlugin

Pemalam ini membolehkan anda menyediakan modul sebagai pembolehubah dalam mana-mana modul di mana ia digunakan. Ia memudahkan kod dengan menghapuskan kenyataan import berulang. Untuk menggunakan ProvidePlugin untuk modul anda (cth., utils.js), alias modul dalam konfigurasi webpack anda dan tambahkannya pada pemalam seperti:

new webpack.ProvidePlugin({
  'utils': 'utils'
})

3. Webpack's DefinePlugin

Gunakan pemalam ini untuk menentukan pemalar global dengan nilai rentetan:

new webpack.DefinePlugin({
  VERSION: JSON.stringify("5fa3b9"),
})

console.log("Running App version " + VERSION);

4. Objek Global (tetingkap / global)

Pendekatan ini membenarkan pengisytiharan pembolehubah global terus dalam penyemak imbas (window.foo = 'bar') atau dalam persekitaran Node.js (global.foo = 'bar' ). Ia biasanya digunakan untuk polyfill.

5. Pakej: dotenv

Untuk projek bahagian pelayan, dotenv membenarkan pembolehubah konfigurasi ditakrifkan dalam fail setempat (.env) dan ditambahkan secara automatik pada objek process.env Node.

Atas ialah kandungan terperinci Bagaimana untuk Menguruskan Pembolehubah Global dalam Webpack?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!