提取 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