实现用vue方式编写小程序

项目源码地址

链接地址(https://github.com/cxp1539/vu...

关于

主要作用是实现以类似Vue.js文件的方式编写小程序（将模板、JS、样式写在一个文件中），这种组织方式比较方便，而且一目了然

该项目只是简单生成了微信小程序quickstart的案例，另外增加了配置定义，和工具方法。供大家参考学习。模版，组件等更多功能可以在该项目webpack入口文件进行修改 自定义增加的功能

模版使用的是pug，css使用的sass 当然这个可以自定义

比如你想用 pug，那么在 template 标签中加入 lang="pug" 并执行 npm install -S pug即可，如果想使用更多模版语法，请搜索consolidate支持的模版语法。

比如你想用 sass，那么在 style 标签中加入 lang="sass" 前提要按照支持的loader,并在webpack进行配置

该项目mina loader使用的wechat-mini-loader是我基于wechat-mina-loader基础上做了些更改增加了对json标签的解析和输出配置文件，使用方式跟wechat-mina-loader完全一致。

安装

git clone 该项目

使用方式

npm install

npm run build

将 project.config.js 文件中appid改成你项目对应的appid,在微信开发工具引入dist目录即可