成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

create-react-app 2.1.8版本自定義配置

劉玉平 / 2794人閱讀

摘要：在用新建項目后，運行命令，可看到各項配置。按需引入組件文件的配置項中，添加增加裝飾器配置文件的配置項中，添加設(shè)為，表示使用階段裝飾器語法和行為。原因在中有提到是因為目前只有支持，而目前為止，還只是一個版本。參考自追溯的實現(xiàn)

在用create-react-app新建項目后，運行eject命令，可看到各項配置。

按需引入ant design組件

1.yarn add babel-plugin-import
2.package.json文件的babel配置項中，添加

["import",{"libraryName": "antd","libraryDirectory": "es","style": "css"}]

增加裝飾器配置

1.yarn add @babel/plugin-proposal-decorators --dev
2.package.json文件的babel配置項中，添加

["@babel/plugin-proposal-decorators",{"legacy": true}]

legacy設(shè)為true，表示使用stage 1階段裝飾器語法和行為。

3.package.json文件的eslintConfig配置項中，添加

"parserOptions": {"ecmaFeatures": {"legacyDecorators": true}}

若沒有設(shè)置第3步，則decorators的舊寫法，即以下寫法仍然無法使用。

@decorator
export class Foo {}

原因在Please use export @dec class instead中有提到：是因為目前只有babel-eslint@11支持，而babel-eslint@11目前為止，還只是一個beta版本。

開啟HMR

在index.js的底部，增加以下代碼if (module.hot) module.hot.accept();。不過，這么簡單的配置，無法保持state狀態(tài)，每次熱更新時state狀態(tài)會被重置。要想state狀態(tài)能保持，可使用React-Hot-Loader實現(xiàn)。

參考自：
追溯 React Hot Loader 的實現(xiàn)
@babel/plugin-proposal-decorators
Please use export @dec class instead

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/54867.html

相關(guān)文章

  • create-react-app 2.1.8版本自定義配置

    摘要：在用新建項目后，運行命令，可看到各項配置。按需引入組件文件的配置項中，添加增加裝飾器配置文件的配置項中，添加設(shè)為，表示使用階段裝飾器語法和行為。原因在中有提到是因為目前只有支持，而目前為止，還只是一個版本。參考自追溯的實現(xiàn) 在用create-react-app新建項目后，運行eject命令，可看到各項配置。 按需引入ant design組件 1.yarn add babel-plugi...

    SexySix 評論0 收藏0

  • create-react-app 2.1.8版本自定義配置

    摘要：在用新建項目后，運行命令，可看到各項配置。按需引入組件文件的配置項中，添加增加裝飾器配置文件的配置項中，添加設(shè)為，表示使用階段裝飾器語法和行為。原因在中有提到是因為目前只有支持，而目前為止，還只是一個版本。參考自追溯的實現(xiàn) 在用create-react-app新建項目后，運行eject命令，可看到各項配置。 按需引入ant design組件 1.yarn add babel-plugi...

    leone 評論0 收藏0

  • 深度解析`create-react-app`源碼

    摘要：這個選項看意思就知道了，默認使用來安裝，運行，如果你沒有使用，你可能就需要這個配置了，指定使用。 2018-06-13 更新。昨天突然好奇在Google上搜了一波關(guān)于create-react-app 源碼的關(guān)鍵詞，發(fā)現(xiàn)掘金出現(xiàn)好幾篇仿文，就連我開頭前沿瞎幾把啰嗦的話都抄，我還能說什么是吧？以后博客還是首發(fā)在Github上，地址戳這里戳這里！！轉(zhuǎn)載求你們注明出處、改編求你們貼一下參考鏈...

    waruqi 評論0 收藏0

  • 【全棧React】第12天: 創(chuàng)建React應(yīng)用

    摘要：本文轉(zhuǎn)載自眾成翻譯譯者鏈接原文今天，我們將添加一個構(gòu)建過程來存儲常見的構(gòu)建操作，以便我們可以輕松地開發(fā)和部署我們的應(yīng)用。在要創(chuàng)建應(yīng)用的目錄中打開終端窗口。文件有一個的節(jié)點，這個應(yīng)用本身將被自動掛載這是在文件中處理的。 本文轉(zhuǎn)載自：眾成翻譯譯者：iOSDevLog鏈接：http://www.zcfy.cc/article/3822原文：https://www.fullstackreact...

    solocoder 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<