《学习笔记43》—— # 项目优化 # 为开发模式与发布模式指定不同的打包入口

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

默认情况下，Vue的开发模式与发布模式共用一个打包入口文件（即src/main.js），当我们开发模式和发布模式的代码有区别时，一个打包入口文件是不够的，因此我们需要将项目的开发过程和发布过程分离，各自指定打包的入口文件。即：

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

步骤如下：

1.通过chainWebpack自定义打包入口，在根目录下创建配置文件vue.config.js

配置文件的代码示例如下：

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')
    })
  }
}

2.将src/main.js复制一份，一份修改名称为src/main-dev.js，另一份修改为src/main-prod.js