首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在webpack中使用多个配置文件?

如何在webpack中使用多个配置文件?
EN

Stack Overflow用户
提问于 2018-03-08 16:21:56
回答 1查看 18K关注 0票数 13

我正在构建一个自动化的工作流程。我完成了服务器的开发。我所有的开发配置都在webpack.config.js文件中。

然后,我通过'dev':'webpack-dev-server'将其添加到package.json脚本中

如何在单独的文件中进行生产配置?

EN

回答 1

Stack Overflow用户

发布于 2018-03-08 22:19:47

有一些方法可以做到这一点。也许最简单的方法是指定要使用的配置文件。了解更多关于webpack usage with config file的信息。

使用以下命令在package.json中添加另一个脚本:

代码语言:javascript
复制
"build": "webpack --config ./path-to/webpack.config.prod.js"

将生产配置对象放在webpack.config.prod.js中。

另一种方法是使用npm lifecycle event。更新您当前的webpack.config.js脚本以检查目标脚本并确定要使用的配置:

代码语言:javascript
复制
const TARGET = process.env.npm_lifecycle_event;
if (TARGET === 'dev') {
   module.exports = require('./path-to/webpack.config.dev.js');
}
if (TARGET === 'build') {
   module.exports = require('./path-to/webpack.config.prod.js');
}

您可以在GitHub上的这个webpack-demo项目中找到以前的方法。

票数 20
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49168478

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档