react使用webpack打包如何不打包配置文件？

Question

问题描述

因为开发环境和测试环境不同，所以有一些配置参数放到了一个单独的文件中，每次打包在开发环境和测试环境都需要单独的修改提交，再打包，很麻烦。

有没有什么方法，让这些配置类的js文件，不打包起来，打包后依然能用，在不同的环境直接改这些文件既可以。

开发环境

react、 webpack 、dva

Answer 1

每个环境都配置单独的配置文件，不同环境执行不同的打包命令，引入不同的配置文件就可以了。

Answer 2

if(process.env.NODE_ENV === 'test') {
require('test.config.js')
} else if (process.env.NODE_ENV === 'pro') {
require('pro.config.js')
}

Answer 3

code split把配置单独打成一个js文件，免不了要带一些编译后的代码，但这已经是基于webpack构建的最佳方案了。

或者直接跳过webpack，纯粹用script引入，想怎么改怎么改，唯一的缺点是配置要暴露在一个全局变量下，无法使用webpack的闭包