/* eslint-disable @typescript-eslint/no-var-requires */
/*
 * @Author: your name
 * @Date: 2021-06-11 15:15:12
 * @LastEditTime: 2021-06-11 15:17:25
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /v3-element-admin/vue.config.js
 */
const path = require('path')

const resolve = dir => path.join(__dirname, dir)

function chainWebpack(config) {
  // set svg-sprite-loader
  config.module
    .rule('svg') // 在已有的svg loader配置中 排除掉对src/icons里svg进行转换
    .exclude.add(resolve('src/icons'))
    .end()
  // symbolId的意义 https://segmentfault.com/a/1190000015367490
  config.module
    .rule('icons')
    .test(/\.svg$/)
    .include.add(resolve('src/icons'))
    .end()
    .use('svg-sprite-loader')
    .loader('svg-sprite-loader')
    // 设置symbolId名称格式 use元素通过symbolId寻找svg图标
    // <svg>
    //    <use xlink:href="#symbolId"></use>
    // </svg>
    .options({
      symbolId: 'icon-[name]'
    })
    .end()
}

module.exports = {
  chainWebpack,
  devServer: {
    port: 8080,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    proxy: {
      '/api': {
        target: 'http://localhost:3003',
        ws: true,
        changeOrigin: true,
        pathRewrite: { '^/api': '/api' }
      }
    }
  }
}