JGB （金箍棒）
小程序渐进式增强开发工具。
使用
# 全局安装jgb-cli
npm i -g jgb-cli相关根目录配置文件jgb.config.js
module.exports = {
// 支持js文件 alias
alias: {
'@/utils': './src/utils',
},
// jgb-preset-weapp 简写 less
plugins: ['less'],
// jgb-preset-weapp 简写 weapp
presets: ['weapp'],
};特性 (具体查看 examples)
- 支持 alias（默认编译到 dist 目录中的 npm 目录）
- 支持 npm （默认编译到 dist 目录中的 npm 目录）
- 自动分析app.json中的引用资源文件以及pages.json中的usingComponents中的资源文件
alias
支持 script,json 等文件的 alias, 配置：
module.exports = {
alias: {
// object 类型
'@keyboard': {
// alias 路径
path: './node_modules/miniapp-keyboard',
// 指定需要编译到的dist目录， 默认npm
dist: 'pages/component/',
},
// string 类型相当于 object.path
'@/utils': './src/utils',
},
};plugins
关于插件配置：
所有小程序插件均以支持编译文件类型的形式存在,具体详见各个插件。
默认插件支持配置 jgb.config.js
module.exports = {
plugins: [
'babel',
{
// 支持babel编译的文件扩展名
extensions: ['.js'],
// 需要输出的文件扩展名
outExt: '.js',
},
[
'css',
{
// 需要输出的文件扩展名
outExt: '.wxss',
// 使用 glob 匹配文件
// 默认以 extension 匹配文件
glob: '**/color/*.css',
},
],
],
};- jgb-plugin-babel
- jgb-plugin-css
- jgb-plugin-html
- jgb-plugin-json
- jgb-plugin-less
- jgb-plugin-typescript
presets
-
jgb-preset-weapp (微信小程序)
-
jgb-preset-aliapp (支付宝小程序)
Roadmap
-
支持微信小程序编译 (jgb-preset-weapp)
-
支持支付宝小程序编译 (jgb-preset-aliapp)
-
支持百度小程序编译
-
支持微信小程序 usingComponents 使用 npm 中的组件
-
支持 typescript 编译
-
支持 less 编译
-
支持 sass/scss 编译