Rspack 集成示例#

1// rspack.config.mjs：核心配置
2import { resolve } from 'node:path';
3import fileBasedRouter from '@feoe/fs-router/rspack';
4import { rspack } from '@rspack/core';
5
6export default {
7  mode: 'production',
8  entry: './src/main.tsx',
9  output: { path: resolve('dist/rspack'), filename: 'app.js', publicPath: '/', clean: true },
10  resolve: { extensions: ['.tsx', '.ts', '.js'] },
11  module: { rules: [{
12    test: /\.tsx?$/, exclude: /node_modules/,
13    use: { loader: 'builtin:swc-loader', options: { jsc: {
14      parser: { syntax: 'typescript', tsx: true },
15      transform: { react: { runtime: 'automatic' } },
16    } } },
17  }] },
18  plugins: [fileBasedRouter(), new rspack.HtmlRspackPlugin({ template: './bundler.html' })],
19};