CRA精品文章

• 

  運(yùn)維記錄1——解決在Nginx下部署CRA項(xiàng)目，二級(jí)目錄不能訪問的問題

  ...首選。畢竟不是誰都有精力去了解WebPack的復(fù)雜配置，而CRA將配置隱藏開箱即用的特性必然會(huì)受到普遍歡迎。 根目錄訪問 到了部署階段，我通常使用nginx作為web容器，將項(xiàng)目部署到一個(gè)根目錄下訪問。如 # nginx配置 server { listen 8...

  _ang 2019-07-25 14:36 評論0 收藏0
• 

  在 React-CRA 應(yīng)用中配合 VSCode 使用 ESLint 實(shí)踐前端代碼規(guī)范

  ...展進(jìn)行工作，我們還需要進(jìn)行 ESLint 的安裝配置。 創(chuàng)建 CRA 項(xiàng)目 我們的配置方案是基于 CRA 腳手架項(xiàng)目進(jìn)行測試的，因此我們要先創(chuàng)建一個(gè) CRA 項(xiàng)目，具體方法詳見官方文檔：Create React App。 創(chuàng)建的 CRA 項(xiàng)目文件組織結(jié)構(gòu)如下： m...

  Hujiawei 2019-08-23 14:55 評論0 收藏0
• 

  記一次基于react、cra2、typescript的pwa項(xiàng)目由開發(fā)到部署（二）

  在上一篇文章記一次基于react、cra2、typescript的pwa項(xiàng)目由開發(fā)到部署（一）中，我們了解到了create-react-app 給我們提供了哪些pwa支持，也了解到了有哪些不足。雖然create-react-app會(huì)幫我們自動(dòng)生成一個(gè)service-worker.js 去緩存我們的a...

  Prasanta 2019-08-23 12:37 評論0 收藏0
• 

  create-react-app+react-app-rewired搭建viewport解決方案

  ...聞，我也很想上手嘗試一下，所以想要自己上手配置一個(gè)CRA腳手架的解決方案。在自己動(dòng)手之前也先查了一些資料，其中Ghan的這篇博客很有幫助：使用create-react-app腳手架搭建vw-layout解決方案。和Ghan的方案不同，我研究了下決定...

  lbool 2019-08-23 12:30 評論0 收藏0
• 

  記一次基于react、cra2、typescript的pwa項(xiàng)目由開發(fā)到部署（三）

  該篇文章為本系列最后一篇文章，因?yàn)樽罱鼧侵髅τ诋呍O(shè)，所以這也是一篇被鴿了很久很久的文章。該文章主要講的是該項(xiàng)目的部署部分，包括： 如何部署將該項(xiàng)目部署到nginx服務(wù)器上。 為它配置證書，讓它運(yùn)行在https協(xié)議...

  Betta 2019-07-25 14:36 評論0 收藏0
• 

  項(xiàng)目五：基于stm32f103的尋跡小車

  ...ts(GPIOB,GPIO_Pin_4);//右邊電機(jī) GPIO_ResetBits(GPIOB,GPIO_Pin_5);}void Cra_left_revolve(int speed_left2,int speed_right2)//小車左直角轉(zhuǎn)彎{ speed_left(speed_left2); speed_right(speed_right2); GPIO_ResetBits(GP...

  kyanag 2021-09-06 15:00 評論0 收藏0
• 

  React教程：組件，Hooks和性能

  ...出的，開始使用 React 相對容易。首先使用 Create React App（CRA）初始化一個(gè)新項(xiàng)目，然后開始開發(fā)。不過遺憾的是，隨著時(shí)間的推移，代碼可能會(huì)變得難以維護(hù)，特別是在你不熟悉 React 的情況下。組件有可能會(huì)變大，或者你可能...

  edagarli 2019-08-26 13:35 評論0 收藏0
• 

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

  ...插件 npm install babel-plugin-import 第四步： npm install customize-cra --save 第四步：在項(xiàng)目根目錄創(chuàng)建一個(gè) config-overrides.js 用于修改默認(rèn)配置。 const { override, fixBabelImports } = require(customize-cra...

  khs1994 2019-08-23 18:03 評論0 收藏0
• 

  create-react-app 2.0版本如何啟用裝飾器語法

  create-react-app(簡稱cra)已經(jīng)更新之2.0.3版本, babel也更新至7.x版本, JavaScript裝飾器語法雖然還不是標(biāo)準(zhǔn), 但是借助于babel, 也能在項(xiàng)目里愉快的玩耍. cra2.0時(shí)代如何啟用裝飾器語法呢? 我們依舊采用的是react-app-rewired, 通過劫持webpack c...

  Rindia 2019-08-23 12:29 評論0 收藏0
• 

  從零開始學(xué)習(xí) React 高階組件

  ...的: 簡化使用高階組件 下載包 npm i react-app-rewired customize-cra @babel/plugin-proposal-decorators -D 在項(xiàng)目根目錄配置 config-overrides.js const { override, addDecoratorsLegacy } = require(customize-cra); // 修改 cr...

  _Dreams 2019-08-23 16:19 評論0 收藏0
• 

  React復(fù)習(xí)進(jìn)階 - 高階組件的使用/配置裝飾品模式/新版context的使用

  ...裝飾器寫法 首先需要幾個(gè)包 yarn add react-app-rewired customize-cra @babel/plugin-proposal-decorators -D 跟目錄新建config-overrides.js (相當(dāng)于vue.config.js) 內(nèi)容如下 const { override, addDecoratorsLegacy } = require(custom...

  canger 2019-08-23 18:12 評論0 收藏0
• 

  react項(xiàng)目關(guān)于webpack配置修改

  一、前言通過CRA腳手架構(gòu)建的項(xiàng)目，一般webpack配置是隱藏的，如果要修改，就要另外處理。想要修改webpack通常有兩種方式

  社區(qū)管理員 2022-10-08 14:54 評論0 收藏0
• 

  TypeScript 、React、 Redux和Ant-Design的最佳實(shí)踐

  ...k: ^2.1.0, babel-plugin-import: ^1.11.0, customize-cra: ^0.2.12, less: ^3.9.0, less-loader: ^4.1.0, prop-types: ^15.7.2, react: ^16.8.6, reac...

  wangbinke 2019-08-23 17:10 評論0 收藏0