@jgbjs/plugin-babel
npm i @jgbjs/plugin-babel

@jgbjs/plugin-babel

小程序渐进式编译框架

by jgbjs

2.0.0-alpha.3 (see all)License:MITTypeScript:Built-In
npm i @jgbjs/plugin-babel
Readme

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',
      },
    ],
  ],
};

presets

  • jgb-preset-weapp (微信小程序)

  • jgb-preset-aliapp (支付宝小程序)

Roadmap

  • 支持微信小程序编译 (jgb-preset-weapp)

  • 支持支付宝小程序编译 (jgb-preset-aliapp)

  • 支持百度小程序编译

  • 支持微信小程序 usingComponents 使用 npm 中的组件

  • 支持 typescript 编译

  • 支持 less 编译

  • 支持 sass/scss 编译

参考项目

Downloads/wk

10

GitHub Stars

21

LAST COMMIT

2yrs ago

MAINTAINERS

1

CONTRIBUTORS

6

OPEN ISSUES

0

OPEN PRs

0
VersionTagPublished
2.0.0-alpha.3
latest
3yrs ago
No alternatives found
No tutorials found
Add a tutorial