v7.1.2

Compare Source

v7.1.1

Compare Source

v7.1.0

Compare Source

Features

• added the getJSON option to output CSS modules mapping (#​1577) (af834b4)

v7.0.0

Compare Source

⚠ BREAKING CHANGES

• The modules.namedExport option is true by default if you enable the esModule option

Migration guide:

Before:

import style from "./style.css";
console.log(style.myClass);

After:

import * as style from "./style.css";
console.log(style.myClass);

To restore 6.x behavior, please use:

module.exports = {
 module: {
 rules: [
 {
 test: /\.css$/i,
 loader: "css-loader",
 options: {
 modules: {
 namedExport: false,
 exportLocalsConvention: 'as-is',
 //
 // or, if you prefer camelcase style
 //
 // exportLocalsConvention: 'camel-case-only'
 },
 },
 },
 ],
 },
};

Typescript migration:

Before:

declare module '*.module.css' {
 const classes: { [key: string]: string };
 export default classes;
}

After:

declare module '*.module.css' {
 const classes: { [key: string]: string };
 export = classes;
}

• The modules.exportLocalsConvention has the value as-is when the modules.namedExport option is true and you don't specify a value
• Minimum supported webpack version is 5.27.0
• Minimum supported Node.js version is 18.12.0

Features

• The modules.namedExports option works fine with any modules.exportLocalsConvention values (f96a110)
• Added dashed variants for the modules.exportLocalsConvention options (40e1668)