Vue通过chainWebpack自定义使用main-dev.js和main-prod.js

案例

• 通常我们在开发环境和生产环境的项目打包配置都是有所不同的
• 那么我们该怎么去指定在什么环境使用什么打包入口呢？

解决方法

• 首先我们需要两个配置文件 main-dev.js 和 main-prod.js
• 然后就可以在 vue.config.js 中进行选择配置

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