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

案例

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

解决方法

  • 首先我们需要两个配置文件 main-dev.jsmain-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')
    })
  }

猜你喜欢

转载自blog.csdn.net/Kobe_k/article/details/107017353