Skip to content

Rspack

Configure Fluentic Style with Rspack and SWC.

import { plugin as stylePlugin } from '@fluentic/style/plugin/rspack';
import { defineConfig } from '@rspack/cli';
export default defineConfig({
module: {
rules: [
{
test: /\.[jt]sx?$/,
type: 'javascript/auto',
use: {
loader: 'builtin:swc-loader',
options: {
jsc: {
parser: {
syntax: 'typescript',
tsx: true,
},
transform: {
react: {
runtime: 'automatic',
importSource: '@fluentic/style',
},
},
},
},
},
},
],
},
plugins: [
stylePlugin({
extract: true,
}),
],
});