我正在使用 NodeJS Webpack 5 創建一個瀏覽器應用程式，我想將開發和生產包腳本的輸出目錄分開。目前它們都編譯為 ./dist/bundle.js 但我希望npm run prod編譯為 ./dist/prod.js
包.json
...
"scripts": {
"dev": "webpack --watch --mode development",
"prod": "webpack --mode production"
},
webpack.config.js
module.exports = {
context: __dirname,
entry: './src/index.js',
output: {
path: __dirname '/dist',
filename: 'bundle.js'
},
???
outputProduction: {
path: __dirname '/dist',
filename: 'prod.js'
}
uj5u.com熱心網友回復：
根據此https://webpack.js.org/guides/environment-variables/，您可以訪問 webpack 組態檔中的環境變數。
所以也許你可以做這樣的事情：
module.exports = (env) => {
context: __dirname,
entry: './src/index.js',
output: {
path: __dirname '/dist',
filename: env.production ? 'prod.js' : 'bundle.js'
},
我希望這對你有幫助。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/328948.html