摘要:今天的第二篇小記來了。官網(wǎng)中有關(guān)于中導(dǎo)入的介紹但是卻沒有得到我們想要的效果。以上流程介紹完畢,官網(wǎng)關(guān)于這方面的介紹需要更新啦。。。如果需要等支持,還是需要參考官網(wǎng)的,請大家積極查閱相關(guān)資料啦本文就不做敘述啦,嘻嘻嘻
今天的第二篇小記來了。
antd官網(wǎng)中有關(guān)于react中導(dǎo)入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
第四步:在項目根目錄創(chuàng)建一個 config-overrides.js 用于修改默認(rèn)配置。
const { override, fixBabelImports } = require("customize-cra"); module.exports = override( fixBabelImports("babel-plugin-import", { libraryName: "antd", style: "css" }) );
以上流程介紹完畢,antd官網(wǎng)關(guān)于這方面的介紹需要更新啦。。。
如果需要less等支持,還是需要參考官網(wǎng)的,請大家積極查閱相關(guān)資料啦!本文就不做敘述啦,嘻嘻嘻!
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/104585.html
摘要:而從技術(shù)實(shí)現(xiàn)角度,微前端架構(gòu)解決方案大概分為兩類場景單實(shí)例即同一時刻,只有一個子應(yīng)用被展示,子應(yīng)用具備一個完整的應(yīng)用生命周期。為了解決產(chǎn)品研發(fā)之間各種耦合的問題,大部分企業(yè)也都會有自己的解決方案。 原文鏈接:https://zhuanlan.zhihu.com/p/... Techniques, strategies and recipes for building a modern ...
摘要:本國際化方案僅針對技術(shù)棧,且不會涉及服務(wù)端國際化內(nèi)容。引入多語言環(huán)境的數(shù)據(jù)雖然我只用到了文本翻譯的功能,以為就不需要加載這些數(shù)據(jù),但后來發(fā)現(xiàn)這是必須的步驟。 前言 最近新接了一個項目,從0開始做,需要做多語言的國際化,今天搞了一下,基本達(dá)到了想要的效果, 在這里簡單分享下: showImg(https://segmentfault.com/img/bVbuiJB); 背景國際化方案國際...
閱讀 1277·2023-04-25 19:10
閱讀 1154·2021-09-10 10:50
閱讀 3040·2021-09-02 15:21
閱讀 1397·2019-08-30 15:52
閱讀 1694·2019-08-30 13:56
閱讀 2097·2019-08-30 12:53
閱讀 1880·2019-08-28 18:22
閱讀 2134·2019-08-26 13:47