Vue项目通过chainWebpack自定义打包入口

默认情况下，Vue 项目的开发模式与发布模式，共用同一个打包的入口文件（即src/main.js）。为了将项目的开发过程与发布过程分离，我们可以为两种模式，各自指定打包的入口文件，即：

1. 开发模式的入口文件为src/main-dev.js
2. 发布模式的入口文件为src/main-prod.js

在vue.config.js导出的配置对象中，新增configureWebpack或chainWebpack节点，来自定义 webpack 的打包配置。

在这里，configureWebpack和chainWebpack的作用相同，唯一的区别就是它们修改 webpack 配置的方式不同：

1. chainWebpack通过链式编程的形式，来修改默认的 webpack 配置
2. configureWebpack通过操作对象的形式，来修改默认的 webpack 配置

通过chainWebpack自定义打包入口

在 Vue 项目根目录下的vue.config.js添加chainWebpack节点，如：

module.exports = {
    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')
        });
    }
}