emcc生成wasm,wast,bc文件的方法

2021-01-22 21:56:48

一、Emscripten编译优化分为两个步骤

  1. 每个源文件编译成目标文件(.bc文件),通过LLVM优化

  2. 目标文件编译成js文件

二、Js使用库的两种方式

1. 多个bitcode直接变成js

  • emcc project.bc libstuff.bc -o final.js

2. 多个bitcode先编译成一个,然后在变成js

  • emcc project.bc libstuff.bc -o allproject.bc

  • emcc allproject.bc -o final.js

一、Emscripten实现把C/C++文件转成wasm,wast(wasm的可读形式),llvm字节码(bc格式),ll格式(llvm字节码的可读形式)的步骤。

extern.cc文件

extern "C" {int add(int x, int y) {int a=333;return x + y+ a;}int min(int x, int y) {return x - y;}}

1.转成wasm命令

emcc extern.cc -o extern.js -s EXPORTED_FUNCTIONS='["_add","_min"]'  -O3 -s wasm=1

注意:这里EXPORTED_FUNCTIONS指的是导出的函数,需要和源文件里的函数名是相对应的,-O3是编译优化等级,只有这个等级生成的wasm文件才会很小(几十字节),不加该优化选项,生成的wasm将会有几十KB。生成的时候会临时产生*.asm.js,等生成完后,会自动删掉。

执行完将会生成 extern.js和extern.wasm两个文件。

2.转成wast可读文件

wasm2wat extern.wasm -o extern.wast

3.转成llvm字节码 bc格式(中间格式)

(开源编译器框架llvm字节介绍:http://www.nagain.com/activity/article/4/

 emcc extern.cc -o extern.bc -s EXPORTED_FUNCTIONS='["_add","_min"]'  -O3

4.使用llvm-dis把llvm字节码转成可读格式

 llvm-dis extern.bc

二、执行方式

1.使用服务器执行

https://blog.csdn.net/TurkeyCock/article/details/83317935

2.使用node执行

(1)编译.js文件

emcc extern.cc -o extern.js -s EXPORTED_FUNCTIONS='["_add","_min"]'

(2)编写test.js

var em_module = require('./extern.js');console.log("add:"+em_module._add(4,5));console.log("add:"+em_module._min(5,4));

(3)运行

Node node-test.js


  • 2019-12-10 21:14:11

    axios文件上传功能+formData

    在项目中使用axios上传文件,记得new一个纯净的axios或者考虑用ajax请求。因为axios在项目估计已经用了全局配置请求头等信息,这里的配置可能被全局请求头拦截,导致请求失败。 2.1构造formData 作者:exmexm 链接:https://www.jianshu.com/p/9c708a47d8a5 来源:简书 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

  • 2019-12-11 16:04:15

    CSS中的 “var()” 和 “:root”

    var() var()函数可以代替元素中任何属性中的值的任何部分。var()函数不能作为属性名、选择器或者其他除了属性值之外的值。(这样做通常会产生无效的语法或者一个没有关联到变量的值。)

  • 2019-12-11 16:18:51

    npm发布vue组件

    开发之前先看看官网的 开发规范 我们开发的之后期望的结果是支持 import、require 或者直接使用 script 标签的形式引入,就像这样

  • 2019-12-11 16:21:00

    .vue文件 加scoped 样式不起作用

    在vue组件中,为了使样式私有化(模块化),不对全局造成污染,在style标签上添加scoped属性,以表示它只属于当下的模块。但是要慎用,因为在我们需要修改公共组件(第三方库或者项目中定制的组件)的样式的时候,scoped会造成很多困难,组要增加额外的复杂度。

  • 2019-12-11 16:22:04

    Vue中的scoped和scoped穿透,scoped原理

    在Vue文件中的style标签上有一个特殊的属性,scoped。当一个style标签拥有scoped属性时候,它的css样式只能用于当前的Vue组件,可以使组件的样式不相互污染。如果一个项目的所有style标签都加上了scoped属性,相当于实现了样式的模块化。

  • 2019-12-12 14:19:32

    laravel自定义分页LengthAwarePaginator

    有时候我们使用larave提供的后台分页数据库查询,有时候限制太多,我们需要自己定制分页功能。 下面是我给大家一个例子,我们可以根据例子,制作自己的分页功能。