typescript + less lessModule react项目问题处理

提取 webpack 配置 yarn eject >>> 文件夹会多出一个config文件夹

安装 处理 less ----------------------------

 npm install less less-loader   -dev

默认自带 module.css module.sass 引入方式

安装less依赖后 可能出问题会有两点原因

1、 版本过高
	调整到 yarn add less-loader@5.0.0
2、typescript  下引用[fileName].module.less  提示引用不到资源 
		原因：未在全局暴露less 接口

	处理方式： react-app-env.d.ts  >>>> 添加 
declare module '*.module.less' {
  const classes: { readonly [key: string]: string };
  export default classes;
}

reacrt+js 做完这下面操作就行
引入后需修改 webpack.config.js
添加这两段

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

 {
              test: lessRegex,
              exclude: lessModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 1,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                },
                'less-loader'
              ),
              sideEffects: true,
            },
            {
              test: lessModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 1,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                  modules: {
                    getLocalIdent: getCSSModuleLocalIdent,
                  },
                },
                'less-loader'
              ),
            },

https://blog.csdn.net/qq_42359718/article/details/106531063