Saya memiliki webpack.config.js sederhana
module.exports = {
entry: "./app.js",
output: {
filename: "bundle.js"
},
}
Dan saya ingin meneruskan nilai untuk entrydan output melalui argumen baris perintah. Apakah itu mungkin dan bagaimana saya melakukannya?
webpack.config.js juga dapat mengekspor fungsi env yang dapat mengembalikan objek conf. Oleh karena itu Anda dapat memiliki konfigurasi webpack seperti:
module.exports = env => {
return {
entry: env === "production" ? "./app.js": "app-dev.js",
output: {
filename: "bundle.js"
},
}
};
dan kemudian panggil webpack dari baris perintah (atau package.json) seperti ini:
webpack --env=production
env ini ajaib atau kita dapat meneruskan parameter arbitrer, seperti --paramName1=value --paramName2=value
- person Mikhail Batcer; 09.01.2020
Anda dapat memberikan parameter khusus pada variabel env dari baris perintah, jadi untuk contoh ini Anda dapat memanggil:
webpack --env.entry='./app.js' --env.output='bundle.js'
dan menggunakannya di webpack Anda dengan melakukan
module.exports = env => ({
entry: env.entry,
output: {
filename: env.output
},
});
env ini ajaib atau kita dapat meneruskan parameter arbitrer, seperti --paramName1=value --paramName2=value
- person Mikhail Batcer; 09.01.2020
Anda juga dapat meneruskan beberapa pasangan nilai kunci ke konfigurasi Anda menggunakan --env=key=value:
webpack --env=mode=production --env=branch=develop
atau (untuk pengembangan dengan webpack-dev-server):
webpack serve --env=mode=production --env=branch=develop
webpack.config.js akan terlihat seperti ini:
module.exports = (env) => {
const mode = env.mode === 'prod' ? 'dev';
const branch = env.branch ? env.branch : 'develop';
return {
entry: mode === 'prod' ? './app.js': 'app-dev.js',
output: {
filename: 'bundle.js',
path: 'dist/' + branch),
},
}
}
Semua nilai yang diteruskan dengan cara ini tersedia sebagai objek di konfigurasi yang membuatnya mudah untuk digunakan.
{
WEBPACK_BUNDLE: true,
mode: 'production',
branch: 'feature-x',
foo: 'bar'
}
Anda dapat menggunakan paket argv dan mengatur variabelnya. Anda harus melakukannya sebelum module.export.
Anda dapat menggunakan argumen --env CLI untuk meneruskan parameter arbitrer ke konfigurasi.
Misalnya perintah berikut:
webpack --env entry=./entry.js --env output=./output.js
Akan menghasilkan objek env berikut:
{entry: './entry.js', output: './output.js'}
Yang kemudian dapat Anda gunakan dalam konfigurasi Anda seperti:
module.exports = env => ({
entry: env.entry,
output: {
filename: env.output
},
});
Baca selengkapnya di sini: Webpack - Variabel Lingkungan
Menurut pendapat saya, cara termudah untuk menyampaikan argumen adalah dengan menggunakan Node.js. Webpack yang menerima argumen, Anda dapat menyimpan argumen baris perintah dalam variabel lingkungan khusus (yang hanya ada dalam sesi):
// webpack.config.js
process.env.MY_APPLICATION_NAME_ARGS = JSON.stringify(process.argv)
export default {
...
Kemudian di main.js (di mana pun Anda ingin menguraikannya), Anda mengambil argumen baris perintah dari variabel lingkungan khusus Anda.
// main.js
const myArgs = JSON.parse(env.MY_APPLICATION_NAME_ARGS )
Saat Anda akan mengambil semua argumen yang Anda teruskan ke Webpack, dengan menggunakan ini, Anda akan dapat menggunakan modul node apa pun (seperti yargs misalnya) tanpa kesulitan untuk menguraikannya (atau tentu saja melakukannya secara manual).
Jadi, Anda dapat melakukan hal seperti ini tanpa masalah apa pun:
webpack ... --opt1 the_value --custom1 something
yarn run dev --opt1 the_value --custom1 something
dll.
