chinese.md

Rexjs - 是一款又快、又小、性价比极高的 JavaScript(ES6+) 语法的编译器！

---

English

相关链接

• 官网
• GitHub

安装

• NPM

npm install rexjs-api

• Git

git clone https://github.com/china-liji/Rexjs.git

• 下载

Zip

rex.min.js - 250KB

rex-api.min.js - 247KB

rex-browser-helper.min.js - 18KB

---

更小且更快

./dist/rex.min.js[1.7.1] 仅仅只有 250KB，比其他解析器更小。

---

使用

Web

<script src="./dist/rex.min.js"></script>

<!-- 使用 type 属性定义模块 -->
<script type="text/rexjs">
	import "./module.js";

	export default class {};
</script>

<!--
	当然，一旦指定 src，则根据其路径来加载指定入口模块文件，
	而且，一旦提供 data-sourcemaps 属性时，不管值是什么，都将启用“源代码映射”功能。
-->
<script src="./module.js" type="text/rexjs" data-sourcemaps></script>

支持Chrome、Firefox、Safari、IE9+等现代浏览器。

Nodejs

• ./ext.js

import path from "path";

export default function(filename){
	return path.parse(filename).ext;
};

• ./index.js

import ext from "./ext.js";

// 输出 ".js"
ext(__filename);

• 命令行

rexjs ./index.js

Rexjs API

• JavaScript

// 引入 rexjs-api 文件

// Nodejs
let Rexjs = require("rexjs-api");

// Web Worker
importScripts("./dist/rex-api.min.js");
let Rexjs = self.Rexjs;

// Web: <script src="./dist/rex.min.js"></script>
let Rexjs = window.Rexjs;


// 初始化解析器，以便多次使用
let es5Code = "", parser = new Rexjs.ECMAScriptParser();

// 开始解析文件语法
parser.parse(
	// 初始化文件
	new Rexjs.File(
		// 文件名
		"./filename.js",
		// 源码
		"class Car {}"
	)
);

// 获取编译后的代码
es5Code = parser.build();

• HTML

Rexjs-api 编译后的代码，在浏览器端运行时所依赖的文件

<script src="./dist/rex-browser-helper.min.js"></script>

---

拓展包

• Rexjs-loader - Webpack Loader。

• Rexjs-template - HTML 数据绑定模板。

---

非常感谢您能看到这里，谢谢！