Guide
API
CHANGELOG
About
Guide
简体中文

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

CssExtractRspackLoaderOptions.esModule property

The same as https://github.com/webpack-contrib/mini-css-extract-plugin#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",
        ],
      },
    ],
  },
};