text: let path = require('path')
  const ThemeColorReplacer = require('webpack-theme-color-replacer')
  const {
    getThemeColors,
    modifyVars
  } = require('./src/utils/themeUtil')
  const {
    resolveCss
  } = require('./src/utils/theme-color-replacer-extend')
  module.exports = {
    devServer: {
      host: "0.0.0.0",
      port: 30610,
      // proxy: {
      //   '/api': { //此处要与 /services/api.js 中的 API_PROXY_PREFIX 值保持一致
      //     target: process.env.VUE_APP_API_BASE_URL,
      //     changeOrigin: true,
      //     pathRewrite: {
      //       '^/api': ''
      //     }
      //   }
      // }
    },
    //代码走查
    lintOnSave: false,
    pluginOptions: {
      'style-resources-loader': {
        preProcessor: 'less',
        patterns: [path.resolve(__dirname, "./src/theme/theme.less")],
      }
    },
    configureWebpack: config => {
      config.entry.app = ["babel-polyfill", "whatwg-fetch", "./src/main.js"];
      config.plugins.push(
        new ThemeColorReplacer({
          fileName: 'css/theme-colors-[contenthash:8].css',
          matchColors: getThemeColors(),
          injectCss: true,
          resolveCss
        })
      )
    },
    chainWebpack: config => {
      // 生产环境下关闭css压缩的 colormin 项，因为此项优化与主题色替换功能冲突
      if (process.env.NODE_ENV === 'production') {
        config.plugin('optimize-css')
          .tap(args => {
            args[0].cssnanoOptions.preset[1].colormin = false
            return args
          })
      }
    },
    css: {
      loaderOptions: {
        less: {
          lessOptions: {
            modifyVars: modifyVars(),
            javascriptEnabled: true
          }
        }
      }
    },
    publicPath: process.env.NODE_ENV === 'production' ? '/vue-antd-admin/' : '/',
    outputDir: 'dist',
    assetsDir: 'static',
    productionSourceMap: false
  }