vue项目优化(配置webpack，为开发模式与发布模式(生产模式)指定不同的打包入口)

为开发模式与发布模式(生产模式)指定不同的打包入口

默认情况下，Vue项目的开发模式与发布模式，共用同一个打包的入口文件(即src/main.js)。

为了将项目的开发过程与发布过程分离，我们可以为两种模式，各自指定打包的入口文件，即：
1.开发模式的入口文件为src/main-dev.js
2.发布模式的入口文件为src/main-prod.js

通过chainWebpack来自定义webpack的打包配置(链式编程)

通过vue-cli3.0工具生成的项目，默认隐藏了所有的webpack的配置项
通过配置vue.config.js修改webpack的默认配置

module.exports = {
  // 修改webpack默认打包入口
  chainWebpack: config => {
    // 生产模式(发布模式)
    config.when(process.env.NODE_ENV === 'production', config => {
      config.entry('app').clear().add('./src/main-prod.js')
    })
    // 开发模式
    config.when(process.env.NODE_ENV === 'development', config => {
      config.entry('app').clear().add('./src/main-dev.js')
    })
  }
}