ant-design / ant-design/create-react-app-antd

引入less, className={"header"}有效果, className={styles.header}没有效果

Open
#114 3 comments 1 reaction 0 assignees View on GitHub
Dominant language
JavaScript
Stars
576
Forks
186
PR merge metrics
No merged PRs in 30d

Description

import styles from './home.less';

// 有效果
`

Home

`

// 没有效果
`

Home

`

// home.less
.header {
padding: 0 12px;
color: #666666;
cursor: move;
}

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the import in the shown component and the adjacent home.less file, then reproduce the difference between className={"header"} and className={styles.header}. Trace how the project processes Less imports and CSS module names; done means the styles.header form applies the declared padding, color, and cursor styles.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.