Integrations
Set up Master CSS in Rspack
Guide to setting up Master CSS in your Rspack project.
Create a project
If you don't have a Rspack project, create one first.
npm create rspack@latest my-appcd my-appAdd Master CSS
Run the installer from the Rspack project root.
npm create @master/css@rc -- --framework rspack --yesStart dev server
Run the command to start the Rspack dev server.
npm run devStart using Master CSS
Now style your first Rspack page using Master CSS syntax.
localhost:8080
Hello World
The installer registers the Webpack-compatible plugin in rspack.config.* and creates src/index.css as the Master CSS entry.
import MasterCSSPlugin from '@master/css.webpack'export default { module: { rules: [ { test: /\.css$/i, type: 'css/auto' } ] }, plugins: [ new MasterCSSPlugin() ]}@import '@master/css';<h1 class="italic m:2xl text:neutral font:5xl font:heavy"> Hello World</h1>