/*
 * @Author: luojz
 * @Date: 2021-10-08 11:10:08
 */
const path = require('path')
const resolve = (pathName) => path.resolve(__dirname, pathName)
const CracoLessPlugin = require('craco-less')

module.exports = {
  // 配置代理解决跨域问题
  devServer: {
    proxy: {
      '/dev-api': {
        target: 'https://www.fastmock.site/mock/c376f390447dfd48fc33ed39f50a53e2/analytics',
        changeOrigin: true,
        pathRewrite: {
          '^/dev-api': '',
        },
      },
      '/api': {
        target: 'http://10.10.10.10:27017',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '',
        },
      },
    },
  },
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            // 主体配置
            // modifyVars: { '@primary-color': '#1890ff' },
            javascriptEnabled: true,
            // 配置全局less 变量，不需要在使用的地方导入了
            globalVars: {
              hack: `true; @import '~assets/css/variable.less';`,
            },
          },
        },
      },
    },
  ],
  webpack: {
    // 别名配置
    alias: {
      '@': resolve('src'),
      pages: resolve('src/pages'),
      components: resolve('src/components'),
      assets: resolve('src/assets'),
    },
  },
  babel: {
    // 支持装饰器模式语法
    plugins: [
      ['@babel/plugin-proposal-decorators', { legacy: true }],
      ['import', { libraryName: 'antd', style: true }],
    ],
  },
}