此项目是 minip-cli 脚手架的代码模板
模板采用 webpack 打包达到小程序工程化开发,解决了微信小程序 JS 文件只能引用相对路径,wxml 中引入 wxs 只能引入相对路径,不能使用 Less(模板默认 less,暂不支持选择其他 css 预处理器)等问题,模板还特地内置了小程序请求拦截器、时间管理器、时间&金额过滤器、常用正则等开发常用工具类
npm install
// 监听修改自动刷新,代码不会压缩混淆
npm run dev
// 代码压缩混淆(上传体验版时用)
npm run build
// 查看js模块依赖图
npm run build --report
此项目目前暂不支持 TS
webpack 可以帮助我们 ES6 转 ES5,压缩和混淆代码,因此这些事情,不需要微信开发者工具帮我们做了。点击微信开发者工具右上角的详情按钮,在项目设置中,反勾选 ES6 转 ES5,上传代码时自动压缩混淆等选项,
掘金:小程序工程化实践(上篇)-- 手把手教你撸一个小程序 webpack 插件,一个例子带你熟悉 webpack 工作流程