react專案中使用裝飾器

2021-10-08 11:59:10 字數 809 閱讀 7444

首先安裝babel轉換器

yarn add  @babel/core @babel/preset-env @babel/plugin-proposal-decorators -d


npm i @babel/core @babel/preset-env @babel/plugin-proposal-decorators -d
在你的react根目錄下建立.babelrc檔案寫入

]]


}

yarn add customize-cra -d
寫入裝飾器裝換的配置檔案， 檔名固定不能改變config-overrides.js

const path =


require


('path'


)const


=require


('customize-cra'


)function


resolve


(dir)


const


customize=(


)=>


(config, env)


=>


}return config


}module.exports =


override


(adddecoratorslegacy()


,customize()


)
然後正常啟動服務就行

yarn start

在React專案中使用裝飾器

安裝模組 寫配置在根目錄下建立檔案config overrides.js在config overrides.js中編寫一下 參考配置連線 const require customize cra module.exports override adddecoratorslegacy 配置裝飾器模式 修...

在專案中使用react

1.執行 cnpm install react react dom s react安裝包 專門用於建立元件和虛擬dom的，同時元件的生命週期都在這個包中 react dom安裝包 專門進行dom操作的，最主要的應用場景就是reactdom.render 2.在index.html頁面中建立容器 di...

react專案中使用plop

第一步，安裝依賴 npm install plop dev 或者用yarn yarn add plop dev 第二步，在package同級目錄下新建plopfile.js 這是plop的入口檔案，需要匯出乙個函式，此函式接受乙個plop物件，用於建立生成器任務 1 module.exports p...