阅读 82

AssemblyScript 初始

WebAssembly 系列

WebAssembly 基本介绍

WebAssembly 对象

WebAssembly 文本格式

AssemblyScript 初始

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
复制代码
文章分类
前端
文章标签