?1．安裝ReactWeb命令行工具：npm install react-web-cli -g
2．在RN工程的上級目錄執(zhí)行命令：react-web init <ProjectName>
3．提示已經(jīng)存在目錄拼岳，輸入 yes 窿给，繼續(xù)安裝執(zhí)行
4．進入工程目錄，安裝 react-dom , npm install react-dom –save
5．本地圖片的加載處理帆赢。安裝 file-loader : npm install --save file-loader
6．在 web/webpack.config.js 文件里面茶敏，加入代碼：
{
test: /.(eot|otf|svg|ttf|woff|woff2|png|jpg|gif)\w*/,
loader: 'file'
}
7．修改web/webpack.config.js 的開發(fā)選項設(shè)置：devtool: false
8．在RN入口文件index.ios.js頭部引用Platform壤靶，并在末尾加入代碼：
if(Platform.OS == 'web'){
varapp = document.createElement('div');
document.body.appendChild(app);
AppRegistry.runApplication('moduleName', {
rootTag: app
});
}
9．運行打包命令react-web bundle，在web/output目錄下生成了Web版文件惊搏，打開index.html就可以看到程序運行效果贮乳。
10．退回工程目錄，運行命令react-web start恬惯，可以在瀏覽器輸入localhost:3000 進行訪問向拆。
RN轉(zhuǎn)Web：react-web
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來洲守，“玉大人疑务，你說我怎么就攤上這事」４迹” “怎么了知允？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長叙谨。 經(jīng)常有香客問我温鸽，道長，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任涤垫，我火速辦了婚禮姑尺，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘蝠猬。我一直安慰自己切蟋，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布榆芦。 她就那樣靜靜地躺著柄粹，像睡著了一般。 火紅的嫁衣襯著肌膚如雪歧杏。 梳的紋絲不亂的頭發(fā)上镰惦，一...
- 文/蒼蘭香墨 我猛地睜開眼咐鹤，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了指巡？” 一聲冷哼從身側(cè)響起敢伸，我...
- 正文 年R本政府宣布埃叭，位于F島的核電站摸恍，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏游盲。R本人自食惡果不足惜误墓，卻給世界環(huán)境...
- 文/蒙蒙 一蛮粮、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧谜慌，春花似錦然想、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至恼琼，卻和暖如春妨蛹，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背晴竞。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 版權(quán)聲明：本文為博主原創(chuàng)文章，未經(jīng)博主允許不得轉(zhuǎn)載泡嘴。 webpack介紹和使用 一甫恩、webpack介紹 1、由來 ...
- GitChat技術(shù)雜談 前言 本文較長酌予，為了節(jié)省你的閱讀時間磺箕，在文前列寫作思路如下： 什么是 webpack，它要...
