// const { px2remRatio } = require('./src/common/js/set-html-fSize')
// const ProgressBarPlugin = require('progress-bar-webpack-plugin')

module.exports = {
  publicPath: './',
  productionSourceMap: false,
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          // require('postcss-pxtorem')({
          //   rootValue: px2remRatio, // px 转换成 rem 的比率（如：1rem = 100px，则比率为 100）
          //   unitPrecision: 5, // 转换成 rem 单位后保留几位小数
          //   propList: ['*'], // 指定可以将 px 转换为 rem 的属性
          //   selectorBlackList: [/^html|body$/], // 要忽略的选择器保留为 px
          //   replace: true,
          //   mediaQuery: false, // 允许在媒体查询中转换 px
          //   minPixelValue: 12, // px 小于该值的不会被转换
          //   exclude: /node_modules/i // 要忽略并保留为 px 的文件路径
          // })
        ]
      },
      sass: {
        prependData: `@import "~@/common/sass/global.scss";`
      }
    }
  },
  configureWebpack: {
    externals: {
      vue: 'Vue',
      moment: 'moment',
      echarts: 'echarts',
      'element-ui': 'ELEMENT',
      jQuery: 'jQuery',
      Hls: 'Hls'
    }
    // plugins: [new ProgressBarPlugin()]
  },
  chainWebpack: config => {
    config.plugins.delete('prefetch')
  }
}