文档章节

微信小程序脚手架

RobertZhou
 RobertZhou
发布于 07/05 14:45
字数 528
阅读 38
收藏 0

我的 Taro 小程序脚手架

基于 Taro / dva / redux-saga / react 的微信小程序脚手架,同时集成了 sprite 。

链接: https://pan.baidu.com/s/17OkANm6hSttYmV30MqwTqA 提取码: ye72

文档参考

https://nervjs.github.io/taro

关于 sprite

由于 Taro 目前已知尚未支持 sprite ,如果需要的话,就可以直接使用 gulp 开启一个 sprite 任务。

yarn spwatch : 监控形式的 sprite 任务。

yarn spbuild : 打包形式的 sprite 任务。

sprite 图片存放路径

放在 src/sprites 下面,里面的 src/sprites/_sprites.scss 为基础的模板。

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:

  • 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 初始化

本文转载自:https://github.com/shenqihui/taro_scaffold

RobertZhou
粉丝 11
博文 169
码字总数 20355
作品 0
广州
程序员
私信 提问
一款小而美的小程序脚手架,让你更流畅的开发小程序

今天向大家推荐一款自己开发的小程序开发脚手架,已经使用了近一年,相对比较稳定,后续也会持续更新,欢迎使用,欢迎 star. pandora-boierpalte-wechat 是一款小而美的微信小程序开发脚手架...

侯全
03/05
0
0
caomei-studio/wxapp-boilerplate

wxapp-boilerplate 使用 , , 开发的微信/支付宝小程序项目脚手架 功能 支持引用 模块 支持通过配置 来避免 之类的模块引用 通过 支持更丰富的 兼容,包括 内置 和 ( 按需引入相应模块,不会...

caomei-studio
2018/10/29
0
0
RN转小程序引擎 Alita 1.2 版本发布

Alita在处理React语法的时候,采用了一种运行时处理JSX的技术,相对于社区现有的编译时方案,在JSX语法的支持上更加完备,关于运行时处理JSX的原理,详情请看。 自发布以来,Alita受到了社区...

ARES
08/26
0
0
wepy学习一 安装使用wepy

官方地址:https://tencent.github.io/wepy/index.html步骤1.安装全局脚手架及创建运行项目2.打开微信小程序,项目目录为demo1项目根目录(注意,虽然完成第一步后,wpy等文件会被编译到dist目...

微信小程序-暗潮
2018/08/07
201
0
分享几个微信小程序开发框架和工具

###【小程序开发框架】 1、官方框架MINA 小程序提供的开发框架为MINA框架,它类似于淘宝Weex、Vue框架。MINA框架通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能...

codeGoogle
2018/04/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

nginx学习笔记

中间件位于客户机/ 服务器的操作系统之上,管理计算机资源和网络通讯。 是连接两个独立应用程序或独立系统的软件。 web请求通过中间件可以直接调用操作系统,也可以经过中间件把请求分发到多...

码农实战
今天
5
0
Spring Security 实战干货:玩转自定义登录

1. 前言 前面的关于 Spring Security 相关的文章只是一个预热。为了接下来更好的实战,如果你错过了请从 Spring Security 实战系列 开始。安全访问的第一步就是认证(Authentication),认证...

码农小胖哥
今天
10
0
JAVA 实现雪花算法生成唯一订单号工具类

import lombok.SneakyThrows;import lombok.extern.slf4j.Slf4j;import java.util.Calendar;/** * Default distributed primary key generator. * * <p> * Use snowflake......

huangkejie
昨天
12
0
PhotoShop 色调:RGB/CMYK 颜色模式

一·、 RGB : 三原色:红绿蓝 1.通道:通道中的红绿蓝通道分别对应的是红绿蓝三种原色(RGB)的显示范围 1.差值模式能模拟三种原色叠加之后的效果 2.添加-颜色曲线:调整图像RGB颜色----R色增强...

东方墨天
昨天
11
1
将博客搬至CSDN

将博客搬至CSDN

算法与编程之美
昨天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部