筆者使用的react版本是16.12.0的古瓤，想在react中使用less
第一步 安裝less less-loader
yarn less less-loader
第二步 暴露webpack的配置
yarn eject
第三步 修改webpack.config.js
然后進(jìn)入config目錄打開webpack.config.js
添加lessRegex lessModuleRegex
然后在getStyleLoaders函數(shù)中添加lessOptions,和相應(yīng)loader
{
test: cssModuleRegex,
use: getStyleLoaders({
importLoaders: 1,
sourceMap: isEnvProduction && shouldUseSourceMap,
modules: {
getLocalIdent: getCSSModuleLocalIdent,
},
}),
},
{
test: lessRegex,
exclude: lessModuleRegex,
use: getStyleLoaders(
{
importLoaders: 1,
sourceMap: isEnvProduction && shouldUseSourceMap,
},
'less-loader'
),
sideEffects: true,
},
{
test: lessModuleRegex,
use: getStyleLoaders(
{
importLoaders: 1,
sourceMap: isEnvProduction && shouldUseSourceMap,
module: true,
getLocalIdent: getCSSModuleLocalIdent
},
'less-loader'
),
},
}
