/**
 * 配置参考: https://cli.vuejs.org/zh/config/
 */
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : './',
  // 配置资源文件打包路径
  assetsDir: './dist',
  transpileDependencies: ['*'],
  chainWebpack: config => {
    const svgRule = config.module.rule('svg')
    svgRule.uses.clear()
    svgRule
      .test(/\.svg$/)
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')

    // // 处理其他图片文件（例如 PNG、JPEG），去除哈希值
    // config.module.rule('images')
    //   .test(/\.(png|jpe?g|gif)(\?.*)?$/)
    //   .use('file-loader')
    //   .loader('file-loader')
    //   .tap(options => {
    //     // 修改 file-loader 配置，设置 name 为 '[name].[ext]'
    //     return {
    //       ...options,
    //       name: '[name].[ext]'
    //     }
    //   })
  },
  // 默认打开eslint效验，如果需要关闭，设置成false即可
  lintOnSave: false,
  productionSourceMap: false,
  devServer: {
    open: true,
    port: 8020,
    overlay: {
      errors: true,
      warnings: true
    }
  },
  configureWebpack: {
    resolve: {
      alias: {
        vue$: "vue/dist/vue.esm.js"
      }
    }
  }
}