wxapp-boilerplate:使用 webpack, babel, scss 开发的微信小程序项目脚手架
2023-06-13 09:18:33 时间
wxapp-boilerplate 是一个使用 webpack, babel, scss 开发的微信/支付宝小程序项目脚手架。主要功能有:
- 支持引用 node_modules 模块
- 支持通过配置 alias 来避免 ../../../ 之类的模块引用
- 通过 babel 支持更丰富的 ES6 兼容,包括 async/await
- 内置 promise 和 lodash(lodash 按需引入相应模块,不会全部引入)
- 使用 scss 编写 .wxss 文件,内置了一些有用的 mixins 和 extends
- 提供 __DEV__ 和 process.env.NODE_ENV 全局常量辅助开发
- 支持自动编译为微信和支付宝小程序
- 提供 __WECHAT__ 和 __ALIPAY__ 全局常量来判断是微信小程序或支付宝小程序
- 通过命令行快速创建微信小程序页面
- 支持在 production 环境下压缩代码
这套脚手架最好的优势是兼容微信和支付宝小程序,开发者可以选择一套源代码来开发微信和支付宝小程序,这脚手架支持自动编译 wxml 为 axml,转换 wx:attr 为 a:attr,转换 API wx 为 my,反之亦然。但个别接口在平台上也略有差异,开发者可以通过 __WECHAT__ 或 __ALIPAY__ 来动态处理。
相关文章
- 入门webpack的最佳实践(基于webpack4.X 5.X)--基础篇
- node、npm 、package.json、Angular Cli、webpack之间的关系(Windows环境下)
- webpack系列---babel的配置
- 基于 Rust 编写的 Turbopack 比 Webpack 快 700 倍,竟然比 Vite 还要快!
- 详解webpack构建优化
- 深度解读Webpack中的loader原理
- webpack Develoment 和 Production 模式的区分打包
- Vue系列- - -Webpack深度讲解
- 3. webpack构建整体流程的组织:webpack -> Compiler -> Compilation
- Webpack打包流程分析
- webpack通关秘籍(一)-从1kb不到的项目开始
- Webpack知识体系 - 笔记
- 使用Webpack和Gulp构建ReactJS应用详解编程语言
- webpack快速构建基于Koa2、MySQL和Webpack的Web应用(koa2mysql)