CanisMinor 微信小程序工程

時間 2019-12-01

標籤 canisminor 微信程序工程简体版

原文原文鏈接

爲了看看小程序文檔的更新現狀，花了幾天把 blog 用 wxapp 復刻了一遍，腳手架方面雖然誕生了一些如weact之類用類React方式編寫小程序的項目，但都沒有達到成熟可用的狀態。最終使用 webpack, dva, babel進行開發，額外編寫了一個jsx2jsonLoader用來生成 json 配置文件。css

項目地址： github.com/canisminor1…html

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
複製代碼