Bagaimana untuk Lulus Pembolehubah Bergantung Persekitaran dalam Apl Webpack Sudut?

Melalui Pembolehubah Bergantung Persekitaran dalam Webpack

Menukar apl Sudut daripada Gulp ke Webpack memberikan cabaran untuk menggantikan pembolehubah halaman HTML berdasarkan NODE_ENV . Berikut ialah beberapa kaedah berkesan untuk mencapai matlamat ini dengan Webpack:

1. DefinePlugin

Pemalam ini membenarkan penggantian pembolehubah dipadankan dengan rentetan yang disediakan:

new webpack.DefinePlugin({
    'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development')
}),

2. EnvironmentPlugin

Menggunakan DefinePlugin secara dalaman, pemalam ini memetakan nilai persekitaran kepada kod:

new webpack.EnvironmentPlugin(['NODE_ENV'])

3. Alias

Dengan mencipta modul alias, anda boleh mengakses konfigurasi melalui modul pengguna:

// Consumer side
var config = require('config');

// Configuration module
resolve: {
    alias: {
        config: path.join(__dirname, 'config', process.env.NODE_ENV)
    }
}

Bergantung pada NODE_ENV, ini akan memetakan ke modul yang mengeksport konfigurasi, membolehkan anda untuk mengakses pembolehubah bergantung persekitaran dalam aplikasi anda.

Atas ialah kandungan terperinci Bagaimana untuk Lulus Pembolehubah Bergantung Persekitaran dalam Apl Webpack Sudut?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!