react中antd的引用完整流程介绍

khs1994 发布于2019-08-23 18:03 / 3064人阅读

摘要：今天的第二篇小记来了。官网中有关于中导入的介绍但是却没有得到我们想要的效果。以上流程介绍完毕，官网关于这方面的介绍需要更新啦。。。如果需要等支持，还是需要参考官网的，请大家积极查阅相关资料啦本文就不做叙述啦，嘻嘻嘻

今天的第二篇小记来了。
antd官网中有关于react中导入antd的介绍

 https://ant.design/docs/react/use-with-create-react-app-cn

但是却没有得到我们想要的效果。
错误如下：The "injectBabelPlugin" helper has been deprecated as of v2.0
解决办法如下：https://github.com/ant-design...。
但是我还是把流程写下吧，需要自取哟！
第一步：npm i antd --save
第二步：npm i react-app-rewired -D 后更改package.json文件

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

第三步：安装按需加载插件 npm install babel-plugin-import
第四步： npm install customize-cra --save
第四步：在项目根目录创建一个 config-overrides.js 用于修改默认配置。

   const {
      override,
     fixBabelImports
   } = require("customize-cra");
   
   module.exports = override(
     fixBabelImports("babel-plugin-import", {
       libraryName: "antd",
       style: "css"
     })
   );

以上流程介绍完毕，antd官网关于这方面的介绍需要更新啦。。。
如果需要less等支持，还是需要参考官网的，请大家积极查阅相关资料啦！本文就不做叙述啦，嘻嘻嘻！

超融合服务器 idc机房托管 react cdn 引用 webrtc完整介绍介绍腾讯云服务器注册和配置流程 python中引用

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/104585.html

可能是你见过最完善的微前端解决方案

摘要：而从技术实现角度，微前端架构解决方案大概分为两类场景单实例即同一时刻，只有一个子应用被展示，子应用具备一个完整的应用生命周期。为了解决产品研发之间各种耦合的问题，大部分企业也都会有自己的解决方案。原文链接：https://zhuanlan.zhihu.com/p/... Techniques, strategies and recipes for building a modern ...

Kahn 2019-08-26 14:04 评论0 收藏0
React项目国际化(antd)多语言开发

摘要：本国际化方案仅针对技术栈，且不会涉及服务端国际化内容。引入多语言环境的数据虽然我只用到了文本翻译的功能，以为就不需要加载这些数据，但后来发现这是必须的步骤。前言最近新接了一个项目，从0开始做，需要做多语言的国际化，今天搞了一下，基本达到了想要的效果，在这里简单分享下： showImg(https://segmentfault.com/img/bVbuiJB); 背景国际化方案国际...

tracymac7 2019-08-02 15:21 评论0 收藏0