团队使用uni-app来开发微信小程序，开始用的挺舒服的，后面项目大了，发现项目不太好维护，并且主包会超，于是做了2个方案。一个是将公有的组件及方法抽象成公共的NPM包（团队搭建了私有NPM），一个是使用了小程序分包机制。这种方法开始有一定效果，后来发现主包体积还是飞速扩张，但主包的业务基本没加，于是探究了一下uni-app中针对NPM打包的优化方案。本文尝试从以下几个方面做个总结。

阅读更多

使用了uni-app cli开发小程序和 H5 的跨平台应用，打包代码的时候为了追求体积，尝试启用 tree-shaking ，按照 uni-app官方的说法，这项目功能是给 H5 平台用的，不过测试了一下，发现结果还不太一样，这里做一个记录。 H5 平台 在 mainfest.json 中添加如下的配置 "h5": { "optimization": { "treeShaking": { "enable": true } } } 这是不够的，还需 …

阅读更多

微信小程序开发中默认使用的 wxss 做为样式文件，这货对应成前端就是 CSS 文件，所以通常写 wxss 文件的时候会很痛苦。因为我已经完全放弃了小程序自带的编辑器（参考：wxapp.vim——使用Vim开发小程序利器），于是尝试在微信小程序开发中引入 Less 来自动编译 wxss。 思路 启用一个 gulp 任务，在文件更新的时候自动将 .less 文件编译成 .wxss 文件。 主要用到了 2 个 gulp 插件，gulp-less 和 gulp-rename。前者用来编译 Less 文件，后者用来将编译出来的 css …

阅读更多

微信提供的小程序开发工具自带了编辑器，不过习惯了 Vim 的我使用起来感觉很不顺手，于是切换到 Vim，好在 Vim 中已经有了开发小程序的插件：chemzqm/wxapp.vim: 提供微信小程序开发全方位支持的 vim 插件 安装 使用 NeoBundle Vundle vim-plug 对应的安装方法。 NeoBundle 'chemzqm/wxapp.vim' Plugin 'chemzqm/wxapp.vim' Plug 'chemzqm/wxapp.vim' 使用 安装上这个插件基本的高亮已经不成问题了，其实这个插 …

阅读更多

小程序开发要使用官方的开发工具，果然腾讯也很完美的发行了 Windows 和 Mac 版本。对，没有 Linux 版本。之前因为这个问题，又因为项目催得急，我楞是切换到 Windows 下开发了3个月。最近几天尝试摸索一下 Linux 下开发小程序的方法。 方案一 虚拟机大法。 帅哥（我崇拜的大神） 使用的就是这个方法。 不过使用这个方法也有局限，虚拟机要 Win7 以上的系统（xp我这边测试不行），所以要保证有足够的机器配置。并且不支持共享目录，所以想在 Linux 下写代码，虚拟机中预览是不太可行的。 方案二（推荐） 使用这 …

阅读更多

小程序开发已经支持 web-view 的跳转，最近开发的一项功能正好APP与小程序均要使用，于是自然想到使用 web-view 的方式。场景是这样的： 用户打开APP/小程序，查看自己个人信息卡片，根据不同的 userid 返回不同的卡片样式。 H5实现 H5实现很简单，直接使用页面类似地址 https://xxx.com/xxx.html?userid=2345。 所以可以看出 2345 这个 userid 是需要我们动态传入的。 小程序实现 小程序中跳转 web-view 需要生成一个新的页面， …

阅读更多