// 条件执行一个函数去继续配置
// condition: Boolean
// whenTruthy: Function -> ChainedMap, 当条件为真，调用把ChainedMap实例作为单一参数传入的函数
// whenFalsy: Optional Function -> ChainedMap, 当条件为假，调用把ChainedMap实例作为单一参数传入的函数
// when(condition, whenTruthy, whenFalsy)
// https://github.com/Yatoo2018/webpack-chain/tree/zh-cmn-Hans
module.exports = {
  chainWebpack: config => {
    // 发布模式
    config.when(process.env.NODE_ENV === 'production',
      config => {
        config// 修改 entry 配置
          .entry('app').clear()
          .add('./src/main-prod.js')
          .end()
        // 通过 externals 加载外部 CDN 资源
        // 此处设置了 externals 对象, webpack 打包时候不会将下面声明的对象合并到输出的文件中，而是直接去window全局查找并直接使用
        config.set('externals', {
          vue: 'Vue',
          'vue-router': 'VueRouter',
          axios: 'axios',
          lodash: '_',
          echarts: 'echarts',
          nprogress: 'NProgress',
          'vue-quill-editor': 'VueQuillEditor'
        })
        config.plugin('html').tap(args => {
          // 挂载 isProd 参数在index.html页面中使用
          args[0].isProd = true
          return args
        })
      }
    )
    // 开发模式
    config.when(process.env.NODE_ENV === 'development',
      config => {
        config// 修改 entry 配置
          .entry('app').clear()
          .add('./src/main-dev.js')
          .end()
        config.plugin('html').tap(args => {
          args[0].isProd = false
          return args
        })
      }

    )
  },

}