1.npm run eject 暴露出create-react-app的webpack配置文件
2.引入less
先安装less、less-loader
npm less less-loader --save
找到暴露出来的webpack.config.js文件,修改增加配置如下:
// 在webpack.config.js文件下增加如下
// 1. sassModuleRegex下面增加如下
const lessRegex = /\.(less)$/;
const lessModuleRegex = /\.module\.(less)$/;
// 2.sassModuleRegex下面配置如下
// Less 解析配置
{
test: lessRegex,
exclude: lessModuleRegex,
use: getStyleLoaders(
{
importLoaders: 2,
sourceMap: isEnvProduction
? shouldUseSourceMap
: isEnvDevelopment,
},
'less-loader',
),
sideEffects: true,
},
{
test: lessModuleRegex,
use: getStyleLoaders(
{
importLoaders: 2,
sourceMap: isEnvProduction