/**
 * 配置参考: https://cli.vuejs.org/zh/config/
 */
const IS_PROD = ['production', 'test'].includes(process.env.NODE_ENV)
module.exports = {
  baseUrl: process.env.NODE_ENV === 'production' ? '' : '/epmet-work-pc',
  css: {
    // 是否使用css分离插件 ExtractTextPlugin
    extract: IS_PROD,
    // 开启 CSS source maps?
    sourceMap: false,
    // css预设器配置项
    loaderOptions: {},
    // 启用 CSS modules for all css / pre-processor files.
    modules: false
  },
  chainWebpack: (config) => {
    const svgRule = config.module.rule('svg')
    svgRule.uses.clear()
    svgRule
      .test(/\.svg$/)
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
  },
  productionSourceMap: false,
  outputDir: 'epmet-work-pc',
  assetsDir: 'static',
  devServer: {
    open: true,
    port: 9001,
    overlay: {
      errors: true,
      warnings: true
    }
  },
  // webpack简单配置
  configureWebpack: {
    // debuge调试配置
    devtool: 'source-map',
    externals: {
      AMap: 'AMap'
    },
    resolve: {
      //配置路径别名
      // /node_modules/@vue/cli-service/lib/config/base.js中已经配好的@路径，所以这里可以直接使用@
      alias: {
        '@js': '@/js',
        '@c': '@/views/components',
        '@v': '@/views',
        '@m': '@/img'
      }
    }
  }
}