实现用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目录即可

    原文作者:cxp1539
    原文地址: https://segmentfault.com/a/1190000017473386
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞