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",
        ],
      },
    ],
  },
};
除非另有说明,本项目采用知识共享署名 4.0 国际许可协议进行许可,代码示例采用 Apache License 2.0 许可协议进行许可。