Skip to content

BinLiang1990/weapp-start

 
 

Repository files navigation

weapp-start

NPM version Build Status NPM downloads Dependencies Status code style: prettier

改善小程序开发体验,高效,稳定的原生语法和组件,避免踩坑,同时提供更多的开发能力

我想要原生组件开发,我想要及时的文档更新,我想踩更少的坑,所以有了这个项目;如果去掉全部插件,原来的项目一样可以跑;但是如果你喜欢 less,那就加上 less,pug 呢?一样;欢迎 fork,star

Features

  • 支持 npm 包引入
  • 支持 promise, async/await 等最新语法
  • 支持多种编译器,如 pug/less/stylus
  • 支持 ESlint
  • 支持一键生成项目,组件模版
  • 支持发布前资源压缩
  • 支持自定义插件
  • 多种工具,加速开发

Install

npm i weapp-start -g

查看帮助

weapp-start -h
weapp-start <command> [options] 命令: weapp-start dev watch build weapp-start build 打包构建 weapp-start init 生成模版项目 weapp-start new 生成模板页面 选项: -h, --help 显示帮助信息 [布尔] -v, --version 显示版本号 [布尔]

生成开发模版(项目模板都存放在这里,欢迎小伙伴 pr)

weapp-start init

进入生成目录,安装依赖

npm i

启动实时编译

weapp-start dev

使用微信开发者工具新建项目,项目目录选择刚刚生成的文件夹,会自动导入项目配置

Tips

  • weapp-plugin-require 是基于 commonJS 模块规范的静态处理,也就是说 es6 模块定义的话,需要配合 weapp-plugin-babel 插件使用, weapp-plugin-babel 的顺序要在它之前。

  • 小程序里面对于 require('common.js') 是当做相对路径的,而在 node 中是作为模块查找的,因此应该避免这种隐式的相对路径写法,应该用 require('./common.js') 代替;weapp-plugin-require 对二者做了兼容,不过会发出提示信息要求修改路径

  • weapp-plugin-jsmin 只能对 es5 规范的代码进行压缩,将其顺序至于 weapp-plugin-babel 之后

  • 所有压缩功能的插件,如果想对生成的额外文件进行处理,需要指定参数 extratrue

  • 因为小程序的特有运行环境,在兼容外部 npm 包,比如 lodash 的时候,需要做一些 hack 操作,替换文本,但是它们更新太频繁了,精力不够,所以请在主项目锁死版本 lodash 版本号 "lodash": "4.17.5"

Plugins

自定义插件文档 coming...

Utils

Links

  • Contribution
  • Updatelog - 参考 packages 下各个包的 CHANGELOG

License

MIT

About

🛠️改善小程序开发体验,高效,稳定的原生语法和组件,避免踩坑,同时提供更多的开发能力

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages

  • JavaScript 99.8%
  • CSS 0.2%