create-react-app 引入 less配置

最新推荐文章于 2024-07-16 21:58:15 发布

vuvivian

最新推荐文章于 2024-07-16 21:58:15 发布

阅读量945

点赞数 1

分类专栏： React

本文链接：https://blog.csdn.net/vuvivian/article/details/84147171

版权

React 专栏收录该内容

14 篇文章 1 订阅

订阅专栏

使用 create-react-app 脚手架搭建react项目后，发现其不带less的配置项，所以接下来是手动添加less的步骤：
1.执行命令下载less和less-loader
npm install less-loader less --save-dev
2.修改 webpack配置文件，包括webpack.config.dev.js 和 webpack.config-prod.js
定义

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

rules中添加

 {
              test: lessRegex,
              exclude: lessModuleRegex,
              use: getStyleLoaders({ importLoaders: 2 }, 'less-loader'),
          },
          // Adds support for CSS Modules, but using SASS
          // using the extension .module.scss or .module.sass
          {
              test:lessModuleRegex,
              use: getStyleLoaders(
                  {
                      importLoaders: 2,
                      modules: true,
                      getLocalIdent: getCSSModuleLocalIdent,
                  },
                  'less-loader'
              ),
          },