基于NPM和webpack的HTML页面开发——webpack多环境配置

在不同的开发环境下，需要使用不同的插件和配置项。为了方便开发，对不同的环境采用不同的配置文件。这里我简单地做了如下分类：

{
   
	// 开发环境，数据来源于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