const path = require('path')
const { override, addWebpackAlias, adjustStyleLoaders } = require('customize-cra')

// 添加 @ 别名
const webpackAlias = addWebpackAlias({
  '@': path.resolve(__dirname, 'src')
})

// 调整 sass-loader 配置，使用现代 API
const fixSassDeprecation = adjustStyleLoaders(rule => {
  if (rule.test.toString().includes('scss')) {
    // 找到 sass-loader 并修改选项
    rule.use
      .filter(({ loader }) => loader === 'sass-loader')
      .forEach(loader => {
        loader.options = {
          ...loader.options,
          // 指定使用现代 API
          sassOptions: {
            ...loader.options?.sassOptions,
            api: 'modern'
          }
        }
      })
  }
})

// 导出组合配置
module.exports = override(webpackAlias, fixSassDeprecation)