loveholly / miniapp-ts-startup

微信小程序typescript模板,解决官方模板不方便管理源码的问题

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

miniapp ts startup

由于目前小程序官方已经支持TypeScriptnpm,但是依然存在一些使用上的细节体验不好。本项目是小程序的一个TypeScript脚手架项目,主要是为了解决官方TS模板中TypeScript源码与编译之后的JS代码在同一个文件夹下的问题,这个会导致源码的管理不方便,即你没办法只把你的TypeScript源码交给Git来管理。 用这个脚手架项目之后,你只需要关注src目录下面的源代码即可,平时的编码工作就是如下几步:

  1. 编写TypeScript代码
  2. npm run build
  3. npm i,如果有安装新的包
  4. 使用微信开发者工具构建npm,如果引入了新的npm包

其他指令请参考根目录下面的package.json文件;

另外,需要保证根目录下面的package.config.json里面的miniprogramRoot字段需要与编译之后的目录名称保持一致,这样微信开发者工具才能正确识别你的小程序代码根目录在哪,并且会根据这个根目录去找node_modules目录。为了演示需要,我在该项目中默认安装了dayjsrxjs两个库,不需要的可以自行删除。

About

微信小程序typescript模板,解决官方模板不方便管理源码的问题


Languages

Language:TypeScript 77.5%Language:JavaScript 22.5%