react init配置

最新推荐文章于 2024-05-23 14:14:11 发布

爱lv行

最新推荐文章于 2024-05-23 14:14:11 发布

阅读量649

点赞数

分类专栏： react 文章标签： react

本文链接：https://blog.csdn.net/u013165804/article/details/103115008

版权

react 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

第一步

//安装一下需要的插件
yarn add antd react-app-rewired customize-cra babel-plugin-import less less-loader

第二步

"scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
}

第三步

根目录下config-overrides.js 文件配置如下

const { override, fixBabelImports, addLessLoader } = require('customize-cra');

module.exports = override(
    //写了下面这个部分，就实现了按需加载，再也不需要再每个页面里面都引入“antd/dist/antd.css”啦
    fixBabelImports('import', {
      libraryName: 'antd',
      libraryDirectory: 'es',
      style: true  //这里一定要写true，css和less都不行哦
    }),
    addLessLoader({
      javascriptEnabled: true,
      //下面这行很特殊，这里是更改主题的关键，这里我只更改了主色，当然还可以更改其他的，下面会详细写出。
      modifyVars: { "@primary-color": "#f47983"}
    })
)