utquidem
Version:
The meta-framework suite designed from scratch for frontend-focused modern web development.
31 lines (22 loc) • 796 B
Markdown
sidebar_label: cssModuleLocalIdentName
# output.cssModuleLocalIdentName
:::info 适用的工程方案
* MWA
:::
* 类型： `string`
* 默认值： `[name]__[local]--[hash:base64:5]`
设置 CSS Modules 生成的 local ident name：
```javascript title="modern.config.js"
import { defineConfig } from '@modern-js/app-tools';
export default defineConfig({
output: {
cssModuleLocalIdentName: '[path][name]__[local]',
},
});
```
更多配置与解释参考：[css-loader#localIdentName](https://github.com/webpack-contrib/css-loader#localidentname)。
:::info 注
使用 [babel-plugin-react-css-modules](https://github.com/gajus/babel-plugin-react-css-modules) 时，该插件的配置选项 `generateScopedName` 需要和 `output.cssModuleLocalIdentName` 保持一致。
:::