const { projectTitle, port } = require('./src/common/config/baseConfig')
const path = require('path')
const CompressionWebpackPlugin = require('compression-webpack-plugin')
const resolve = dir => {
  return path.join(__dirname, dir)
}

const BASE_URL = process.env.NODE_ENV === 'production'
  ? './'
  : '/'
// 每次更改改配置文件都需要重启
module.exports = {
  publicPath: BASE_URL,
  /* 代码保存时进行eslint检测 */
  lintOnSave: true,
  chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('src')) // key,value自行定义，比如.set('@@', resolve('src/components'))
      .set('_c', resolve('src/components'))
    config
      .plugin('html')
      .tap(args => {
        args[0].title = projectTitle
        return args
      })
  },
  configureWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      config.plugins.push(new CompressionWebpackPlugin({
        algorithm: 'gzip',
        test: new RegExp('\\.(' + ['js', 'css'].join('|') + ')$'),
        threshold: 10240,
        minRatio: 0.8
      }))
    }
  },
  /* 是否在构建生产包时生成 sourceMap 文件，false将提高构建速度 */
  productionSourceMap: false,
  /* 默认情况下，生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存，你可以通过将这个选项设为 false 来关闭文件名哈希。(false的时候就是让原来的文件名不改变) */
  // filenameHashing: true,
  // 设置全局scss
  css: {
    loaderOptions: {
      sass: {
        prependData: ' @import "~@/assets/style/public.scss";'
      }
    }
  },
  devServer: {
    /* 自动打开浏览器 */
    open: false,
    port: port,
    proxy: {
      '/api/': {
        ws: false,
        target: 'http://127.0.0.1:82',
        changeOrigin: true,
        secure: false
      },
      '/mock/': {
        ws: false,
        target: 'http://localhost:8080',
        changeOrigin: true,
        secure: false
      }
    }
  }
}