关键词:
wx2tt
微信小程序转头条小程序工具
安装
npm i wx2tt -g
使用方法
wx2tt <path/to/wxapp> <path/to/ttapp> [--watch] [--minify] [--minify-wxss] [--minify-js] [--minify-wxml]
参数说明
- path/to/wxapp 表示微信小程序目录
- path/to/ttapp 表示头条小程序目录
- --watch 表示监听模式运行
- --minify 压缩所有能压缩的文件
- --minify-wxss 仅压缩wxss文件
- --minify-js 仅压缩js文件
- --minify-wxml 仅压缩wxml文件
说明
wx2tt 的功能很简单,他主要做了如下事情:
- 将 wxml 后缀名改为 ttml
- 将 wxss 后缀名改为 ttss
- 将 wxml 中 wx: 改为 tt:
- 将 js 中 wx. 改为 tt.
使用技巧
- 使用小程序框架开发者, 可以将编译后的再通过 wx2tt 进行转换;
- 如果原生开发者,将 wx2tt 克隆下来 ,可以很方便扩展 wx2tt,比如增加 sass 或者 less 功能;
- 无论是原生开发或者框架开发投不推荐压缩 js,这将使你线上的代码很难度。
注意事项
之所以会有这个工具,是因为头条小程序和小程序的 api 十分的相似,但是相似不代表相同,所以并非转换完成后就可以使用,一些头条中不存在的 api 仍然会报错,wx2tt 并未做相关处理!
链接
微信小程序请求工具封装与使用(代码片段)
微信小程序的简单请求工具1.httputil.jsvarURL_HOST='https://api.example.cn'//GET请求functionGET(uri,reqHandler)request(uri,'GET',reqHandler)//POST请求functionPOST(uri,reqHandler)request(uri,'POS 查看详情
微信小程序|基于小程序实现发送语音消息及转文字(代码片段)
...应用申请实现语音转文字小程序账号创建及工具准备访问微信公众平台,点击账号注册。选择小程序,并在表单填写所需的各项信息进行注册。在开发管理选择开发设置,将AppID及AppSecret复制出来进行存储。下载安装... 查看详情
微信小程序-今日头条案例
...ao项目为仿今日头条,使用了百度ApiStore接口查询数据,使用微信组件/api有封装请求方法,底部tab,启动页动画,loading,scroll-view,swiper,列表页支持上下拉加载更多效果图: 启动欢迎页,几行代码可实现旋转与缩放://flash.jsonReady: 查看详情
微信小程序性能优化总结(代码片段)
对微信小程序进行性能优化,主要可以从两大方面进行分析:性能扫描工具和代码优化。一、使用性能扫描工具微信小程序提供了一个“体验评分”的工具插件,可以使用它获得微信小程序的一些性能数据和明显的缺... 查看详情
微信小程序如何跳转到另一个小程序?(代码片段)
...要得东西: 跳转目标小程序的APPID 使用微信小程序API(wx.navigateToMiniProgram)一、如何获取目标小程序APPID(如已知目标小程序appid可直接阅读第二步) &nbs 查看详情
微信小程序|使用小程序制作一个核酸检测点查询工具(代码片段)
...点查询、地图导航、拨号等功能。小程序创建小程序访问微信公众平台,点击账号注册。选择小程序 查看详情
[小工具]微信小程序代码压缩器(代码片段)
...有需要的可以直接拿走:https://github.com/nbagonet/w...当你的微信小程序编译包大小超过1024kb时,不要急着砍模块,我觉得它还能再挽救一下。做了些什么压缩js/json/wxml/wxss文件;优化jpg/gif/png/svg文件;没了。目录说明./src为开发目录... 查看详情
微信小程序学习:基本框架(代码片段)
微信小程序学习(1):基本框架文章目录微信小程序学习(1):基本框架一.了解认识微信小程序二.认识开发者工具和微信小程序基本框架1.HelloWorld!2.架构分析来新建一个带基础模板的页面看看①目录结构②主体文件③页面文件④... 查看详情
springboot整合微信小程序登录(代码片段)
...础环境:Maven+JDK8所用技术:SpringBoot、lombok、mybatisplus、微信小程序SpringBoot版本:2.1.41.3涉及知识点微信小程序登录流程2.微信小程序登录流程微信小程序登录流程涉及到三个角色:小程序、开发者服务器、微信服务器三者交互步... 查看详情
微信小程序介绍(代码片段)
...?2.小程序可以干什么?2,1.相关资料2.2.申请微信小程序测试账号3.开发一个demo3.1创建项目3.2配置3.3常用框架3.4目录结构说明目录结构小程序代码构成JSON配置小程序配置app.json工具配置project.config.json页面配置page.jsonJS... 查看详情
微信小程序工具类(代码片段)
wechat-common-sdk?场景:目前工作中的项目需要包含并使用另一个项目。也许是第三方库,或者你独立开发的,用于多个父项目的库。现在问题来了:你想要把它们当做两个独立的项目,同时又想在一个项目中使用另一个。我们举一... 查看详情
微信小程序之工具js封装与使用(代码片段)
工具库的创建与使用创建一个common文件夹在common文件夹中创建一个utils文件夹在utils文件夹中创建util.js//工具functiontool()console.log('iamatoolfunction.');module.exports=tool:tool在具体的页面js中调用首先要引入工具文件constutil=require('... 查看详情
微信小程序(代码片段)
目录申请小程序账号开发准备开发工具界面介绍微信小程序开发框架全局配置文件app.json申请小程序账号'微信公众平台’注册。然后登录点击设置找到APPID,记录一下,后面有用。开发准备微信小程序官网:https://m... 查看详情
关于今日头条小程序(字节跳动小程序)相关问题(代码片段)
...相差不多,然后我就抱着试一试的心态,真的是试一试把微信小程序换了个id,然后打包上传,发现竟然跑的通!跑的通!跑的通!再说一次跑的通。当时我的内心是崩溃的,说好的tt.标签那,这样照搬真的好吗,好歹稍微改下啊... 查看详情
《微信小程序跳转页面安卓闪现两次》(代码片段)
背景为适应需求变化,跳转新的页面,增添逻辑后发现跳转页面闪现两次,核心代码如下:exportconstonViewGoods=(obj,opts,ckType)=>if(jumpLink==='/xx/xx/xx')wxRouter.navigateTo(url:jumpLink, 查看详情
微信小程序加密数据解密算法-java实现(代码片段)
文章目录微信小程序加密介绍BouncyCastleCrypto工具包解密引入依赖算法实现Hutool工具类解密引入依赖算法实现验证完整代码微信小程序加密介绍我们开发微信小程序的过程中,我们的服务端有时需要获取微信提供的开放数据。... 查看详情
基于云开发的微信小程序实战教程(代码片段)
基于云开发的微信小程序实战教程(二)上篇文章中,简单介绍了下小程序云开发的概念,还有开发工具的安装和配置,云开发环境已经搭建完毕。本章主要内容:微信开发者工具如何使用,小程序云... 查看详情
基于云开发的微信小程序实战教程(代码片段)
基于云开发的微信小程序实战教程(二)上篇文章中,简单介绍了下小程序云开发的概念,还有开发工具的安装和配置,云开发环境已经搭建完毕。本章主要内容:微信开发者工具如何使用,小程序云... 查看详情