WebAssembly 系列
AssemblyScript 简介
上一篇文章介绍了 WebAssembly 的文本格式,但是对于一个大型应用来说,这样的书写方式是不太方便的。因此,常规的做法是用高级语言书写,然后再通过工具编译成 WebAssembly。而本文将要介绍的就是其中的一种--- AssemblyScript。
AssemblyScript 是 TypeScript 的一个变种,语法和 TypeScript 类似,通过 Binaryen 最终编译成 WebAssembly。对于前端发开者来说,非常易于上手,不需要重新学习新的语言。
AssemblyScript 案例
先来看一个从 AssemblyScript 编译成 WebAssembly 的案例。
前提:1.已经安装 node 和 npm 2.了解 TypeScript
1.新建一个文件夹并初始化 npm 项目
npm init
2.安装 loader和 编译工具
npm install --save @assemblyscript/loader
npm install --save-dev assemblyscript
3.初始化 assemblyscript 项目
npx asinit .
确认之后项目中会产生以下文件和文件夹:
./assembly :放置 AssemblyScript 源文件的地方,这里的文件将被编译成 WebAssembly。
./assembly/tsconfig.json:TypeScript 配置文件。
./assembly/index.ts:编译时的入口文件。
./build :放置打包产物的地方。一般是 WebAssembly 文件。
./build/.gitignore:git 仓库配置文件。
./index.js:引入该 WebAssembly 模块的入口文件。
./tests/index.js:测试入口文件。
./asconfig.json:配置调试版本和发布版本的文件。
./package.json:项目依赖信息。
4.打包源文件
npm run asbuild
5.测试
npm test