create-react-app 配置less css-modu

1. npm run eject 暴露wepack.config.js配置
2. npm i less less-loader --save 下载less和less-loader
3. 仿照create-react-app配置sass代码配置less.

const lessRegex = /\.less$/
const lessModuleRegex = /\.module\.less$/

oneOf:[
...,
            {
              test: lessRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction
                    ? shouldUseSourceMap
                    : isEnvDevelopment,
                },
                'less-loader'
              )
            },
            {
              test: lessModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction
                    ? shouldUseSourceMap
                    : isEnvDevelopment,
                  modules: true,
                  getLocalIdent: getCSSModuleLocalIdent
                },
                'less-loader'
              ),
              sideEffects: true
            },Ï
]

4. 使用css-module的less文件加上.module，如 index.module.less
5. 使用时注意

import styles from './index.module.less'
<div className={styles.xx}></div>

样式名不能加中线