Home

Awesome

wepy-template

微信小程序模板框架。(目前支持和使用 typescript )

介绍

wepy-template 是由 wepy-cli 生成后的项目结构,根据 typescript,scss,wxml 语言分离出相应文件且有针对性的小程序项目模板。

由于 wepy-cli 原因,目前只能先把代码 clone 下来,然后在该项目进行 git intiyarn init 操作,或使用 yarn init-project 命令。 wepy-cli于1.7.0版本开始支持 wepy init 生成模板 初始化命令在下方

特性

安装使用

安装
yarn 或 npm i -d

初始化

yarn init-project

使用 wepy-cli命令:
npm install -g wepy-cli
wepy init MMF-FE/wepy-template my-project
cd my-project
yarn
yarn dev

运行

yarn dev

cli 工具

yarn cli -- -h

如(旧版 yarn):
pages : yarn cli -- a index
components : yarn cli -- a index -t c
新版:
pages:yarn cli add index
components: yarn cli add index -t component

构建

yarn build 或 yarn web

目录结构

- src
 |- api  # 接口
   |- modules # 按模块对接接口
 |- common # 公共
 |- static # 静态资源
   |- assets # 图片资源
 |- components # 组件
 |- mixin
 |- style # app 全局 sass 样式
 |- utils # 工具函数

注意

bug

  1. script 标签中添加 lang=typescript 属性,编译后的代码缺少执行函数。
  2. wepy.config.js 中设置 wepyExt=.vue 会出现部分编译出错。
  3. 在 js 中添加 config ,能编译出相应的 json 文件,但该段代码还会保留在编译后的 js 文件(代码冗余)。
  4. web 还不是支持很好。