首先下载less依赖:npm install less less-loader --save
然后暴露配置文件:yarn eject 或者 npm run eject
暴露配置时如果出现“Remove untracked files, stash or commit any changes, and try again.”错误,需要在终端使用git add . 然后git -m commit “up”
然后再执行 yarn eject
这时就可以修改webpack.config.js文件
首先修改constcssRegex和constcssModuleRegex:
constcssRegex =/\.(css|less)$/;//增加less
constcssModuleRegex =/\.module\.(css|less)$/;
然后再添加:"less-loader"
{
test: cssRegex,
exclude: cssModuleRegex,
use: getStyleLoaders({
importLoaders:2,// 改成2
modules:true,//使用模块方式访问样式
sourceMap: isEnvProduction && shouldUseSourceMap
},
"less-loader"//增加loader
),
sideEffects:true
}