微信小程序腳手架

個人 Taro 小程序腳手架

基於 Taro / dva / redux-saga / react 的微信小程序腳手架,同時集成了 sprite 。

連接: https://pan.baidu.com/s/17OkANm6hSttYmV30MqwTqA 提取碼: ye72css

文檔參考

https://nervjs.github.io/taroreact

關於 sprite

因爲 Taro 目前已知還沒有支持 sprite ,若是須要的話,就能夠直接使用 gulp 開啓一個 sprite 任務。ios

yarn spwatch : 監控形式的 sprite 任務。git

yarn spbuild : 打包形式的 sprite 任務。github

sprite 圖片存放路徑

放在 src/sprites 下面,裏面的 src/sprites/_sprites.scss 爲基礎的模板。json

sprite 臨時文件

  • 位於 src/.sprites 文件夾。
  • sprites-base64.scss 爲 base64 的背景圖存放信息。
  • sprites.scss 爲 sprites 輸出的 scss 。
  • sprites.png 爲合併以後的 sprites 圖,sprites-base64.scss 生成以後就沒使用了。

項目 scripts

  • yarn start , 這個會直接開啓 sprite 和 taro 的開發任務
  • yarn release , 打包的,會包含 sprite 以及 taro 的打包語法一塊兒打包。
  • package.json 中其餘 scripts 指令,和 taro 或者其餘相同。能夠試一下。

如何使用

  • clone
  • yarn && bower install
  • 隨便本身想怎麼改怎麼改動
  • 若是有需求,歡迎提 issue ,我會考察以後進行增長
  • 第三方組件使用 bower 管理,存放在 src/bower 裏面,運行前使用先 bower install(確保本地已經安裝 bower)

tags

-v0.5.0:redux

  • taro 升級到 1.2.1
  • 刪除 pages/index 中 render 以外的 jsx 渲染的調用例子代碼(不支持的)
  • v0.4.0: (忘了打的感受)
    • taro 升級到 0.0.73 -> 1.0.0-beta.4 -> 1.0.0-beta.6
    • 增長組件的引用例子(組件名必須和使用時候的名字一致)
    • 增長 iview 等第三方組件使用的例子(使用 bower 管理組件)
    • 分離首頁的例子到單獨每一個頁面
  • v0.3.0: 加入 wxs 的說明,以及 js 和 jsx 中導入的不一樣狀況例子。(還沒有支持 iview)
  • v0.2.0: 加入了 sprites
  • v0.1.3: 改用 axios
  • v0.1.2: 使用 dva 的 redux 模式進行處理
  • v0.1.1/v0.1.0: Taro 初始化
相關文章
相關標籤/搜索