const path = require('path')
const { defineConfig, empStore } = require('@efox/emp')
const vue2 = require('@efox/plugin-vue-2')

const Conf = require('./config/index')

// 构建环境：dev | test | prod
const isDev = process.env.NODE_ENV !== 'production'
const isProd = process.env.NODE_ENV === 'production'

const target = 'es2018'
const isESM = !['es3', 'es5'].includes(target)

module.exports = defineConfig({
  plugins: [vue2],

  build: {
    // es3 | es5 | es2016
    target: 'es5',
    sync: isProd,
    imageMin: isProd,
    minOptions: {
      // https://github.com/terser/terser#minify-options
      compress: {
        drop_console: isProd
      }
    }
  },

  html: {
    title: '公益服务系统',
    favicon: './src/public/favicon.ico'
  },

  // webpack devServer
  server: {
    client: {
      overlay: {
        errors: true,
        warnings: false
      }
    },
    ...Conf.devServer
  },

  appEntry: 'main.js',

  resolve: {
    // 配置引用别名路径
    alias: Conf.alias
  },

  define: { ...Conf.define },

  moduleTransform: {
    exclude: [/@digitalgd/]
  },

  webpackChain: (config, chain) => {
    config.module
      .rule('scripts')
      .use('babel')
      .loader('babel-loader')
      .options({
        presets: ['@vue/babel-preset-jsx'], //匹配的是vue
        plugins: []
      })

    /** 默认svg打包编译成组件，如需内联为图片加载可开启此段注释，二选一 **/
    // const svgRule = config.module.rule('svg')
    // svgRule.uses.clear()

    // config.module
    //   .rule('images')
    //   .test(/\.(png|jpe?g|gif|svg)(\?.*)?$/)
    /** 默认svg打包编译成组件，如需内联为图片加载可开启此段注释，二选一 **/
  },

  externals: [
    // {module: 'vue', global: 'Vue', entry: 'https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js'},
    // {module: 'element-ui', global: 'ELEMENT', entry: 'https://unpkg.com/element-ui/lib/index.js'},
    // { entry: `https://unpkg.com/element-ui/lib/theme-chalk/index.css`, type: 'css' },
  ],

  empShare: {
    name: '@DGPlatform',
    remotes: Conf.remotes,
    exposes: Conf.exposee,

    shareLib: {
      vue: 'Vue@//xtbg.gdzwfw.gov.cn/yqt_back/unpkg/vue/2.6.14/vue.min.js'
      // lodash: 'lodash@',
      // dayjs: 'dayjs@',
      // '@digitalgd/gmd-ui': [
      //   'ELEMENT@https://unpkg.com/element-ui/lib/index.js',
      //   `https://unpkg.com/element-ui/lib/theme-chalk/index.css`,
      // ],
    }
  }
})