在不同的开发环境下,需要使用不同的插件和配置项。为了方便开发,对不同的环境采用不同的配置文件。这里我简单地做了如下分类:
{
// 开发环境,数据来源于mocker。
development: 'webpack.dev.config.js',
// 测试环境,数据来源于后台数据库。
production: 'webpack.pro.config.js'
}
都是基于webpack.config.js
进行扩展的。
具体项目文件可参考html-template。
更多的配置可以根据环境进行区分,可以根据实际项目需求进行扩展。
安装
这里需要的插件有webpack-merge
,用于合并webpack
配置。
npm i webpack-merge -D
运用
webpack.dev.config.js
代码如下:
const path = require('path');
const webpack = require('webpack');
const webpackMerge = require