因为公司的需要,需要将多个项目合并为一个项目,具体要求是:多个项目中的公用部分提取出来,单独维护,业务部分则分别在不同的目录中,而我们的项目配置文件则作为公用部分单独维护,在项目打包的时候遇到一个问题,不同的项目对应的服务器地址是不一样的,我们不希望A项目中出现B项目的服务器地址,所以我们就需要在打包前动态修改配置文件,讲配置文件中与当前打包项目无关的东西全部剔除出去,然后在打包完成之后,再还原回去:
projectName表示当前打包项目的名称,这边作为区分打包项目的唯一标识
babel-node webpackReady:表示在打包前的一些处理:(因为node对es6的支持有限,所以这里采用babel来做处理,安装babel:http://www.jianshu.com/p/a9c27b80af9d)
我们在这里主要做了两件事情:
1:备份原始配置文件config.js
2:修改原始文件config.js之去除和本项目无关的配置
webpack --prograss --color:表示开始webpack打包
node webpackEnd:表示打包后的收尾工作:这里面主要就是将config.js还原回去: