react项目默认不能解析less,所以需要在配置文件中修改
在创建react项目后,需要解包才能在目录中显示所有得依赖
进入项目目录
npm run eject
eject之前需要git add. git commit
然后再config目录下,webpack.config.js
最快捷的方法就是将其中所有的sass字样修改为less
{
test: lessRegex,
exclude: lessModuleRegex,
use: getStyleLoaders(
{
importLoaders: 3,
sourceMap: isEnvProduction && shouldUseSourceMap,
},
'less-loader'
),
sideEffects: true,
},
{
test: lessModuleRegex,
use: getStyleLoaders(
{
importLoaders: 3,
sourceMap: isEnvProduction && shouldUseSourceMap,
modules: {
getLocalIdent: getCSSModuleLocalIdent,
},
},
'less-loader'
),
},
const lessRegex = /\.(scss|less)$/;
const lessModuleRegex = /\.module\.(scss|less)$/;