antd项目引入less流程
1、安装less
npm i less less-loader
2、抛出配置
npm run eject //抛出webpack配置webpack.config.js
3、在webpack.config.js中添加less配置
const cssRegex = /\.css$/;
const cssModuleRegex = /\.module\.css$/;
const sassRegex = /\.(scss|sass)$/;
const sassModuleRegex = /\.module\.(scss|sass)$/;
//添加以下两行
const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;
//参照sass配置,添加less配置
{
test: sassRegex,
exclude: sassModuleRegex,
use: getStyleLoaders(
{
importLoaders: 3,
sourceMap: isEnvProduction
? shouldUseSourceMap
: isEnvDevelopment,
modules: {
mode: 'icss',
},
},
'sass-loader'
),