為了看看小程序文檔的更新現(xiàn)狀，花了幾天把 blog 用 wxapp 復(fù)刻了一遍，腳手架方面雖然誕生了一些如 weact 之類用 類React 方式編寫小程序的項(xiàng)目，但都沒有達(dá)到成熟可用的狀態(tài)。最終使用 webpack , dva , babel 進(jìn)行開發(fā)，額外編寫了一個(gè) jsx2jsonLoader 用來(lái)生成 json 配置文件。

項(xiàng)目地址： github.com/canisminor1…

Intro

• 支持引用 node_modules 模塊
• 使用 jsx 編寫小程序 json 配置文件
• 使用 scss 編寫 .wxss 文件
• 長(zhǎng)度單位使用 postcss 自動(dòng)轉(zhuǎn)為 rem 拒絕奇怪的 rpx
• 支持通過配置 alias 來(lái)避免 ../../../ 之類的模塊引用
• 通過 babel 支持更豐富的 ES6 兼容，包括 async/await
• 內(nèi)置 promise 和 lodash （ lodash 按需引入相應(yīng)模塊，不會(huì)全部引入）
• 提供 __DEV__ 和 process.env.NODE_ENV 全局常量輔助開發(fā)
• 支持在 production 環(huán)境下壓縮代碼
• 引入 dva-core ，可在小程序環(huán)境下歡樂的使用 redux
• 完整 markdown 解析方案
• 所有外鏈自動(dòng)轉(zhuǎn)換為 qrcode

Preview

Dev

# dev --watch
$ yarn start

# build --opt
$ yarn build

文件結(jié)構(gòu)

+ 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