Taro引入Vant-weapp

Taro(V2.0.5)中引入Vant Weapp瞎疼,(需下載資源到項目中:大小約322KB)

需如下幾步:

1.在/src/components下新建文件夾vant-weapp

2.在github上找到Vant-weapp下載文件包别伏,將對應(yīng)的dist文件夾下內(nèi)容復制到新建的vant-weapp文件夾下坪它。

(下載vant-weapp方式捶牢,編輯器終端輸入:git clone https://github.com/youzan/vant-weapp.git?)

3.在Pages或components對應(yīng)文件的config.usingComponents中剧劝,配置每個頁面所需要的組件陆赋。(注:無法在app.js中進行全局注冊組件肥照。)

例:

config = {

????????usingComponents: {

????????????????"van-icon":"../../components/vant-weapp/icon/index"

????????}

}

4.在使用Vant-weapp組件后烦衣,taro會自動將相應(yīng)的組件復制一份到dist/components下歹河,而Vant-weapp的組件還依賴工具庫/src/components/vant-weapp/wxs掩浙,該工具庫taro不會自動復制到dist中。所以秸歧,我們需要在/config/index.js文件下的config配置中新增copy.patterns厨姚,讓其在編譯時,自動復制到dist對應(yīng)目錄下键菱。

copy: {

????????patterns: [? ? ??

????????????????{from:'src/components/vant-weapp/wxs/',to:'dist/components/vant-weapp/wxs/'}

????????? ],

????????options: {}

}

5.對Taro進行重新編譯(例:npm run build:weapp)

*由于Vant-weapp的樣式使用的單位是px谬墙,所以會被taro編譯成rpx。可以通過修改/config/index.js文件中的config.mini.postcss.pxtransform.selectorBlackList不讓其單位轉(zhuǎn)換经备。

pxtransform: {

????????enable:true,

????????config: {},

????????selectorBlackList: [

????????????????/^.van-.*?$/,??

?????????]

}

注:Taro編譯器無法自動將用到組件的.wxs文件移動到/dist相應(yīng)目錄下(**開發(fā)者工具會報錯**)拭抬。

需在config配置中新增copy.patterns配置

例子:

copy: {

????????patterns: [? ? ??

????????????????{from:'src/components/vant-weapp/wxs/',to:'dist/components/vant-weapp/wxs/'},? ? ?

? ? ? ? ? ? ? ? {from:'src/components/vant-weapp/sticky',to:'dist/components/vant-weapp/sticky'},? ? ??

????????????????{from:'src/components/vant-weapp/tabs',to:'dist/components/vant-weapp/tabs'}??

?????????],

????????options: {}

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市弄喘,隨后出現(xiàn)的幾起案子玖喘,更是在濱河造成了極大的恐慌,老刑警劉巖蘑志,帶你破解...
    沈念sama閱讀 206,602評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件累奈,死亡現(xiàn)場離奇詭異,居然都是意外死亡急但,警方通過查閱死者的電腦和手機澎媒,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來波桩,“玉大人戒努,你說我怎么就攤上這事「涠悖” “怎么了储玫?”我有些...
    開封第一講書人閱讀 152,878評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長萤皂。 經(jīng)常有香客問我撒穷,道長,這世上最難降的妖魔是什么裆熙? 我笑而不...
    開封第一講書人閱讀 55,306評論 1 279
  • 正文 為了忘掉前任端礼,我火速辦了婚禮,結(jié)果婚禮上入录,老公的妹妹穿的比我還像新娘蛤奥。我一直安慰自己,他們只是感情好僚稿,可當我...
    茶點故事閱讀 64,330評論 5 373
  • 文/花漫 我一把揭開白布凡桥。 她就那樣靜靜地躺著,像睡著了一般贫奠。 火紅的嫁衣襯著肌膚如雪唬血。 梳的紋絲不亂的頭發(fā)上望蜡,一...
    開封第一講書人閱讀 49,071評論 1 285
  • 那天,我揣著相機與錄音拷恨,去河邊找鬼脖律。 笑死,一個胖子當著我的面吹牛腕侄,可吹牛的內(nèi)容都是我干的小泉。 我是一名探鬼主播,決...
    沈念sama閱讀 38,382評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼冕杠,長吁一口氣:“原來是場噩夢啊……” “哼微姊!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起分预,我...
    開封第一講書人閱讀 37,006評論 0 259
  • 序言:老撾萬榮一對情侶失蹤兢交,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后笼痹,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體配喳,經(jīng)...
    沈念sama閱讀 43,512評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,965評論 2 325
  • 正文 我和宋清朗相戀三年凳干,在試婚紗的時候發(fā)現(xiàn)自己被綠了晴裹。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,094評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡救赐,死狀恐怖涧团,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情经磅,我是刑警寧澤泌绣,帶...
    沈念sama閱讀 33,732評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站预厌,受9級特大地震影響赞别,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜配乓,卻給世界環(huán)境...
    茶點故事閱讀 39,283評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望惠毁。 院中可真熱鬧犹芹,春花似錦、人聲如沸鞠绰。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蜈膨。三九已至屿笼,卻和暖如春牺荠,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背驴一。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評論 1 262
  • 我被黑心中介騙來泰國打工休雌, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人肝断。 一個月前我還...
    沈念sama閱讀 45,536評論 2 354
  • 正文 我出身青樓杈曲,卻偏偏與公主長得像,于是被迫代替她去往敵國和親胸懈。 傳聞我的和親對象是個殘疾皇子担扑,可洞房花燭夜當晚...
    茶點故事閱讀 42,828評論 2 345

推薦閱讀更多精彩內(nèi)容

  • HDFS簡介 HDFS是Hadoop分布式文件系統(tǒng),是Apache Hadoop Core項目的一部...
    FGCore閱讀 137評論 0 1
  • 在利用webpack腳手架搭建vue項目后趣钱,往往最終打包的.js和.css文件過于龐大涌献,造成首次加載的時候白屏時間...
    Rockage閱讀 1,055評論 1 0
  • Vue總結(jié)# 漸進式j(luò)s框架 組成 模板 指令:將控制和·html聯(lián)系在一起html內(nèi)容 樣式 控制 data:數(shù)...
    一只小丫丫閱讀 102評論 0 0
  • 1. NFS客戶端掛載命令 2. NFS客戶端掛載命令參數(shù)說明 在NFS服務(wù)器端可以通過cat /var/lib/...
    阿喪小威閱讀 2,994評論 0 0
  • 最近一直在看快速閱讀方面的書,希望能夠提高自己的讀書效率首有。 我們讀書的時候老愛走神是因為書讀的太慢燕垃,大腦只有很少部...
    snailwww閱讀 227評論 0 4