最新create-react-app添加less配置

andi605472218

于 2020-06-18 16:49:32 发布

阅读量433

点赞数

分类专栏：前端文章标签： reactjs

原文链接：https://www.jianshu.com/p/ac377fe5e271

版权

前端专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍如何在项目中配置Less模块加载器，包括普通Less文件和模块化Less文件的区别配置，确保样式正确导入与使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

https://www.jianshu.com/p/ac377fe5e271

1.添加

const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;

2.添加

{
 test: lessRegex,
 exclude: lessModuleRegex,
 use: getStyleLoaders(
  {
   importLoaders: 2,
   sourceMap: isEnvProduction
    ? shouldUseSourceMap
    : isEnvDevelopment,
  },
  'less-loader'
 ),
 sideEffects: true,
},
{
 test: lessModuleRegex,
 use: getStyleLoaders(
  {
   importLoaders: 2,
   sourceMap: isEnvProduction
    ? shouldUseSourceMap
    : isEnvDevelopment,
   modules: true,
   getLocalIdent: getCSSModuleLocalIdent,
  },
  'less-loader'
 ),
},