Rspeedy logo
Rspeedy
Guide
APIs
Blog
Contribute
Guide
APIs
Blog
Contribute

Home > @lynx-js/rspeedy > CssExtractRspackLoaderOptions > esModule

CssExtractRspackLoaderOptions.esModule property

The same as https://github.com/webpack-contrib/mini-css-extract-plugin/tree/master?tab=readme-ov-file\#esModule. By default, @lynx-js/css-extract-webpack-plugin generates JS modules that use the ES modules syntax. There are some cases in which using ES modules is beneficial, like in the case of module concatenation and tree shaking.

Signature:

esModule?: boolean | undefined;

Example

You can enable a CommonJS syntax using:

import {CssExtractWebpackPlugin} from "@lynx-js/css-extract-webpack-plugin";
export default {
  plugins: [new CssExtractWebpackPlugin()],
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [
          {
            loader: CssExtractWebpackPlugin.loader,
            options: {
              esModule: false,
            },
          },
          "css-loader",
        ],
      },
    ],
  },
};
Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the Apache License 2.0.