为了看看小程序文档的更新现状,花了几天把 blog 用 wxapp 复刻了一遍,脚手架方面虽然诞生了一些如weact之类用类React方式编写小程序的项目,但都没有达到成熟可用的状态。最终使用 webpack, dva, babel进行开发,额外编写了一个jsx2jsonLoader用来生成 json 配置文件。
项目地址: github.com/canisminor1…
Intro
- 支持引用
node_modules模块 - 使用
jsx编写小程序json配置文件 - 使用
scss编写.wxss文件 - 长度单位使用
postcss自动转为rem拒绝奇怪的rpx - 支持通过配置
alias来避免../../../之类的模块引用 - 通过
babel支持更丰富的ES6兼容,包括async/await - 内置
promise和lodash(lodash按需引入相应模块,不会全部引入) - 提供
__DEV__和process.env.NODE_ENV全局常量辅助开发 - 支持在
production环境下压缩代码 - 引入
dva-core,可在小程序环境下欢乐的使用redux - 完整
markdown解析方案 - 所有外链自动转换为
qrcode
Preview

Dev
# dev --watch
$ yarn start
# build --opt
$ yarn build
文件结构
+ components
+ component
- index.jsx
- index.js
- index.scss
- index.wxml
...
+ routes
+ route
- index.jsx
- index.js
- index.scss
- index.wxml
...
+ styles
- ...import.scss
+ img
+ models
+ utils
- app.jsx
- app.js
- app.scss