react项目配置less 无需eject

最新推荐文章于 2023-07-21 16:26:29 发布

Beamon__

最新推荐文章于 2023-07-21 16:26:29 发布

阅读量259

点赞数

分类专栏： react less 文章标签： react.js less 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/Beamon__/article/details/128641360

版权

react 同时被 2 个专栏收录

13 篇文章 1 订阅

订阅专栏

less

5 篇文章 0 订阅

订阅专栏

项目配置 @craco/craco ，可参考博客

安装依赖 craco-less

yarn add craco-less

修改craco.config.js

// 引入处理less的plugin
const CracoLessPlugin = require('craco-less');
module.exports = {
  // 添加对less的处理配置
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            // 添加全局less变量
            modifyVars: { '@primary-color': '#1DA57A' },
            javascriptEnabled: true,
          },
        },
      },
    },
  ],
};