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 编译

参考项目

• parcel
• taro
• wepy