国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

(動手)發(fā)布一個react/react-native組件到npm社區(qū)

qieangel2013 / 3334人閱讀

摘要：前言過程初始化目錄組件名稱將會生成文件新建目錄作為組件的源代碼目錄，作為組件入口新建目錄作為組件的編譯后目錄，這個目錄只讀修改的字段為或編寫組件中就可以編寫組件了，導(dǎo)出組件調(diào)試組件執(zhí)行在根目錄下，組件名稱通過命令，可以在本地模擬項目組件

前言 過程 初始化目錄 
mkdir ‘組件名稱’
npm init

將會生成package.json文件

新建src目錄作為組件的源代碼目錄，index.js作為組件入口
新建lib目錄作為組件的編譯后目錄，這個目錄只讀

修改package.json的main字段為"src/index.js"或"lib/index.js"

編寫組件

src/index.js中就可以編寫組件了，導(dǎo)出組件

export default class extends React.Component{
    render(){
        return (
            
Hello,World!

        )
    }
}
調(diào)試組件 
執(zhí)行 npm link
在根目錄下，create-react-app example
cd example && npm link "組件名稱"

通過npm link命令，可以在本地模擬項目 npm install "組件名稱"

接下來，你就可以在example項目中，

import 組件名稱  from “組件名稱”
發(fā)布 
注冊npm賬號
登陸npm賬號
npm publish
小結(jié)

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/106760.html

相關(guān)文章

  • React Native植入原生Android應(yīng)用的流程解析

    摘要：在應(yīng)用內(nèi)添加依賴回到，到的文件級別的里添加依賴最后一行的就是我們新增的，注意這里的版本號要和里的一致。因此，建議用這樣的寫法，并檢查版本號是否和里的一致。 引言 React Native是現(xiàn)在移動開發(fā)新的可選方案，也帶來了原屬于Web領(lǐng)域的React的優(yōu)秀開發(fā)特性。另一方面，React Native的技術(shù)棧一經(jīng)掌握，可以用于iOS、Android及Windows（見此）多個平臺，即所說...

    worldligang 評論0 收藏0

  • 翻譯 | 從 ReactJS 到 React-Native—兩者的主要差異是什么？

    摘要：跟非常相似，但是在開始嘗試你第一個之前，也需要了解兩者之間的一些差異。推薦的方式是使用提供的。能用到組件中的或者上以啟用這個組件的觸摸事件。 華翔，Web前端開發(fā)工程師著作權(quán)歸作者所有，轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)。 showImg(https://segmentfault.com/img/bVUliz?w=640&h=235); React-Native已經(jīng)誕生有兩年左右了，自從適配了An...

    darkerXi 評論0 收藏0

  • 電影天堂React Native 客戶端V2.0發(fā)布

    摘要：電影天堂客戶端重新開始具體更新以為準(zhǔn)。重新開始兩年前發(fā)布了第一個版本。最為一名偏體驗偏設(shè)計的前端開發(fā)者，對界面和用戶體驗都有極高的重視。 電影天堂React Native 客戶端 重新開始！ 具體更新以https://github.com/XboxYan/DYTT為準(zhǔn)。 重新開始 兩年前發(fā)布了第一個版本。 現(xiàn)在， 使用最新的react-native 0.57和全新的設(shè)計完成了V2.0 ...

    MockingBird 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<