react 项目支持less配置
less配置
初始步骤,暴露配置文件
yarn eject
第一步:
在webpack.config.js文件(暴露后在config文件夹下)中设置如下:
66行 插入less更改:
const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;
500行,插入:
{
test: lessRegex,
exclude: lessModuleRegex,
use: getStyleLoaders({
importLoaders: 3,
sourceMap: isEnvProduction
? shouldUseSourceMap
: isEnvDevelopment,
}, "less-loader"),
// Don't consider CSS imports dead code even if the
// containing package claims to have no side effects.
// Remove this when webpack adds a warning or an error for this.
// See https://github.com/webpack/webpack/issues/6571
sideEffects: true,
},
// Adds support for CSS Modules (https://github.com/css-modules/css-modules)
// using the extension .module.css
{
test: lessModuleRe