Documentation
Transpilers
Rspack

Rspack

Typewind provides integration with Rspack through a loader and a plugin.

Using the Plugin (Recommended)

Add the typewind plugin to your rspack.config.js:

rspack.config.js
const typewindRspackPlugin = require('typewind/rspack-plugin').default;
 
module.exports = {
  plugins: [typewindRspackPlugin()],
  // ... other rspack configuration
};

Manual Loader Configuration

Alternatively, you can manually add the Typewind loader to your Rspack configuration:

rspack.config.js
module.exports = {
  // ... other rspack configuration
  module: {
    rules: [
      // ... other rules
      {
        test: /\.(js|jsx|ts|tsx)$/,
        exclude: /node_modules/,
        use: ['typewind/rspack'],
      },
    ],
  },
};

Make sure to also add the typewindTransforms to your tailwind.config.js as described in the installation guide.

SWCVite