const path = require('path');

module.exports = {
  mode: 'development', // 设置为开发模式，便于调试
  resolve: {
    extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'], // 解析这些扩展名
    alias: {
      // 根据需要设置路径别名，确保与 Taro 项目一致
      '@': path.resolve(__dirname, 'src'),
    },
  },
  module: {
    rules: [
      {
        test: /\.(js|jsx|ts|tsx)$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            // 使用你的 Taro 项目中的 Babel 配置
            // 或者一个适用于测试环境的基础配置
            presets: [
              ['@babel/preset-env'],
              ['@babel/preset-react'],
              ['@babel/preset-typescript']
            ],
            plugins: [
              // 根据需要添加 Babel 插件
            ]
          }
        }
      },
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader'] // 简单处理 CSS
      },
      {
        test: /\.(png|jpg|gif|svg)$/,
        type: 'asset/inline' // 将图片等资源内联处理
      }
    ]
  },
  // 其他必要的 Webpack 配置...
};