为webpack build分离dev和prod配置文件

Question

我正在使用vuejs开发单页应用程序并使用webpack打包我的应用程序。我必须有两个配置文件，即config.dev.js和config.prod.js

config.dev.js

{
  "api-url":"http://10.0.0.50:8080"
}

config.prod.js

{
  "api-url":"https://api.myproduction.com"
}

我只想包含config.dev.js并为开发环境包排除config.prod.js。同样只包括config.prod.js并排除生产环境包的config.dev.js。我怎么能这样做？

Answer 1

您可以通过让一个文件根据NODE_ENV返回此设置来执行此操作：

<强> config.js

module.exports = process.env.NODE_ENV === 'production'
  ? require('./config.prod.js')
  : require('./config.dev.js')

然后在你的代码中你只需要config.js就可以了。请记住，要使其工作，您需要在生产模式下运行webpack：使用标记webpack -p或设置NODE_ENV=production webpack。

我还建议将其与DefinePlugin https://webpack.js.org/plugins/define-plugin/#components/sidebar/sidebar.jsx

结合使用