webpack(系列五)：development和 production 模式的区分打包

为什么要区分打包呢？是因为如果开发环境的配置和生产环境的配置都放在一个文件里，那么配置的多，想要去切换这两种模式的打包，就显得很麻烦了，所以，建议把他们区分开来

1. 首先在项目根目录下创建三个文件存放到build文件夹

• webpack.common.js 存放两个模式下的公共配置
• webpack.dev.js 存放development模式下的配置
• webpack.prod.js 存放production模式下的配置
  

2.webpack.common.js的配置

const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const {
    CleanWebpackPlugin } = require('clean-webpack-plugin')
const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports = {
   
    entry: {
   
        main: './src/mai