Usage with Webpack

Installation

npm i -D @wyw-in-js/webpack-loader

Configuration

module.exports = {
  module: {
    rules: [
      {
        test: /\.js/,
        use: [{ loader: '@wyw-in-js/webpack-loader' }],
      },
    ],
  },
};

Keeping CSS comments

Stylis strips CSS comments by default. To preserve them (for example, /*rtl:ignore*/), pass keepComments:

module.exports = {
  module: {
    rules: [
      {
        test: /\.js/,
        use: [
          {
            loader: '@wyw-in-js/webpack-loader',
            options: {
              keepComments: true,
              // or keep only matching comments:
              // keepComments: /rtl:/,
            },
          },
        ],
      },
    ],
  },
};

Note: if you use a CSS minimizer in production, ensure it preserves comments.

Vite Changelog