Ant Design of React 按需引入CSS和修改全局主题

2021年1月22日 0 条评论 263 次阅读 0 人点赞

1.安装模块

$ yarn add react-app-rewired customize-cra babel-plugin-import less less-loader

2.修改package.json

/* package.json */
"scripts": {
   "start": "react-app-rewired start",
   "build": "react-app-rewireds build",
   "test": "react-app-rewired test",
   "eject": "react-scripts eject"
}

3.新建config-overrides.js并输入

const { override, fixBabelImports,addLessLoader } = require('customize-cra');
module.exports = override(
   fixBabelImports('import', {
       libraryName: 'antd',
       libraryDirectory: 'es',
       style: true,
  }),
   addLessLoader({
       lessOptions: {
           javascriptEnabled: true,
           modifyVars: { '@primary-color': '#1DA57A' },
      }
  }),
);

月下

我想要的,从始至终,不过一个你罢了。

文章评论(0)

你必须 登录 才能发表评论