Questions about the configuration of source.exclude.

[zhangziyang960]

In my project, there is an old dependency whose source code is placed in the root directory's static folder. I use the output.copy configuration to copy it to the build output.

    copy: [
      {
        from: resolve('./static'),
        to: resolve('./dist/static')
      }
    ],

However, during the build process, I encountered an error because some of the code in this old dependency cannot be parsed by Node.js version 20.

× JavaScript parsing error: Expected ident
    ╭─[31:5]
 29 │     'use strict';
 30 │
 31 │     @@js
    ·      ─
 32 │
 33 │     return Selectize;
    ╰────

error   Failed to build.
error   Rspack build failed!

To address this, I tried using the source.exclude configuration to exclude the modules in the static folder from being parsed. But it didn't work.

exclude:[path.resolve(__dirname, 'static')],

Why is that?
Here is my complete configuration:

const path = require('path');
import { defineConfig, loadEnv } from '@rsbuild/core';
import { pluginVue2 } from '@rsbuild/plugin-vue2';
import { pluginLess } from '@rsbuild/plugin-less';
import { pluginVue2Jsx } from '@rsbuild/plugin-vue2-jsx';
import { pluginBabel } from '@rsbuild/plugin-babel';
import { pluginBasicSsl } from '@rsbuild/plugin-basic-ssl';
const { RsdoctorRspackPlugin } = require('@rsdoctor/rspack-plugin');
const { publicVars: vueEnvs } = loadEnv({ prefixes: ['VUE_APP_'] });
const resolve = dir => {
  return path.join(__dirname, dir);
};
export default defineConfig({
  plugins: [
    pluginVue2({
      splitChunks: {
        vue: true,
        router: true
      }
    }),
    pluginLess({
      lessLoaderOptions: {
        lessOptions: {
          // additionalData: `@import "@/styles/less/variables.less`
          globalVars: {
            'primary-color': '#0096f7',
            'boder-color': '#dfdfdf',
            'warning-color': '#ffcc00'
          }
        }
      }
    }),
    pluginVue2Jsx(),
    pluginBabel(),
    pluginBasicSsl()
  ],
  server: {
    ...
    },
    client: {
      overlay: false
    }
  },
  // 与源代码解析、编译方式相关的选项
  source: {
    entry: {
      index: './src/main.js'
    },
    alias: {
      '@': './src'
    },
    define: {
      ...vueEnvs
    },
    exclude:[path.resolve(__dirname, 'static')],
    // transformImport: [
    //   { libraryName: "ant-design-vue", libraryDirectory: "es", style: true },
    // ]
  },
  // 与构建产物有关的选项
  output: {
    polyfill: 'usage',
    copy: [
      {
        from: resolve('./static'),
        to: resolve('./dist/static')
      }
    ],
    distPath: {
      root: 'dist'
    }
  },
  tools: {
    bundlerChain: (chain, { CHAIN_ID }) => {
      if(process.env.RSDOCTOR ){
        chain.plugin('Rsdoctor').use(RsdoctorRspackPlugin, [
          {
            // 插件选项
            disableClientServer: false,
            features: ['lite', 'loader', 'plugins', 'bundle'],
          },
        ]);
      }
    },
  },
  // 与 HTML 生成有关的选项
  html: {
    template: './public/index.html'
  },
  performance: {
    removeConsole: true,
    profile: true,
    // 与构建性能、运行时性能有关的选项
  },
  moduleFederation: {
    // 与模块联邦有关的选项
  },
  environments: {
    // 为每个环境定义不同的 Rsbuild 配置
  },
  security: {
    nonce: 'CSP_NONCE_PLACEHOLDER',
    // 与 Web 安全有关的选项
  }
});