- 综合排序
- 最热优先
- 最新优先
- 来自专栏Rust语言学习交流
【Rust日报】2020-02-08 wasm-pack 0.9.1发布了！
wasm-pack 0.9.1发布了！ wasm-pack，该工具旨在成为一站式平台，用于构建Rust生成的WebAssembly，希望使用它与JavaScript，浏览器或Node.js进行互操作。 Github wasm-pack release 0.9.1 unbound-telemetry Prometheus的Unbound DNS解析器已基本完成。
56120发布于 2020-02-20 - 来自专栏愧怍的技术学习与分享
Rust实现MD5加密并打包成WebAssembly调用
使用 wasm-pack 打包 rust 为 wasm 文件 下载 wasm-pack，用于将 rust 代码打包成 .wasm 文件 cargo install wasm-pack 使用 cargo 有可能无法安装 wasm-pack（笔者就安装不了 openssl-sys），可以到 wasm-pack 官网下载对应的二进制文件进行安装。 wasm-pack build --scope mynpmusername 借助 wasm-pack 可以非常轻松的将 rust 打包成 wasm，同时还提供了 js 相关支持。 ("{:x}", result) } 此时通过 wasm-pack 将上述代码打包成 npm 包形式即可在 js 中调用 rust 提供的 md5 函数，至此就已经完成了本标题的内容了。 在项目中使用 这里我所借用 rwasm/vite-plugin-rsw 插件，在 vite 中配合 wasm-pack 进行开发的一个实例。
3.4K11编辑于 2023-01-05 - 来自专栏IMWeb前端团队
WebAssembly + Rust 上手初探
另外在社区的推动下，围绕 WASM 的 emscripten 和 wasm-pack 等工具链的支持已经日趋完善，是时候使用 WebAssembly 了！ Cargo 命令调用） cargo：Rust 的项目管理工具（类似 Node 的 NPM） 运行：curl https://sh.rustup.rs -sSf | sh即可安装 安装 WASM 工具链 wasm-pack 用于将 Rust 项目打包成单个 WASM 文件（类似 Webpack），运行 curl https://rustwasm.github.io/wasm-pack/installer/init.sh 编译 WASM 模块 下项目下运行wasm-pack build命令，即可编译出 WASM 模块。wasm-pack会在项目的pkg目录下生成 .wasm 等文件。 DOCTYPE /html/> <html> <head> <meta /charset=/“utf-8”> <title>Hello wasm-pack!
1.2K21发布于 2019-12-03 - 来自专栏彭湖湾的编程世界
纵论WebAssembly,JS在性能逆境下召唤强援
WebAssembly 编译成 JavaScript，就可以获得 IE11 的大部分支持了 实战 WebAssembly 在浏览器中使用WebAssembly主要有两种方式： 编写Rust代码，然后通过wasm-pack 它会顺带安装cargo等工具（相当于前端的Node安装） curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh 2.安装编译工具wasm-pack （相当于前端的babel） cargo install wasm-pack 3.创建一个文件夹，进入后运行下面代码，初始化一个Rust 项目 cargo new --lib hello-wasm 初始化的文件夹如下所示 0.2" 备注 dependencies中必须要有wasm-bindgen这个依赖 同时还要指定crate-type = ["cdylib"]，否则转化不能成功 6.运行以下命令进行编译转化 wasm-pack build --scope [自己的名字] // My Example wasm-pack build --scope penghuwan 编译开始 ?
1.3K11发布于 2019-12-11 - 来自专栏程序员成长指北
如何优雅地打包非 JavaScript 静态资源
通过 wasm-pack / wasm-bindgen 编译的 Rust wasm-pack[11]--WebAssembly 的主要 Rust 工具链，也有几种输出模式。 或者，你可以通过-target web参数要求 wasm-pack 通过输出一个与浏览器兼容的 ES6 模块： $ wasm-pack build --target web 输出将使用前面所说的new assets.html#new-url-url-import-meta-url [10] WebAssembly: https://web.dev/webassembly-threads/#c [11] wasm-pack : https://github.com/rustwasm/wasm-pack [12] WebAssembly ESM 集成提议: https://github.com/WebAssembly/esm-integration
1.7K10发布于 2021-11-10 - 来自专栏菩提树下的杨过
react+rust+webAssembly(wasm)示例
Monterey) + nodejs(v 18.5.0) + react (v 18.2) + rustc(v 1.62.0) + cargo(1.57.0) + wasm-bindgen(v 0.2.82) + wasm-pack 编译器，要生成一个符合C语言规范的动态链接库(C Dynamic Lib) 然后微调lib.rs，参考下图，主要是将add函数标记为允许在wasm环境中调用 依然保持在wasm-lib目录下，安装wasm-pack cargo install wasm-pack 将rust代码编译成wasm专用的二进制文件，需要这个工具。 修改package.json，参考下图，加一行： "build:wasm": "cd wasm-lib && wasm-pack build --target web --out-dir pkg",
2.2K30编辑于 2022-08-23 - 来自专栏腾讯IVWEB团队的专栏
【译】谈谈2019年的RUST和WebAssembly
工具 现在，wasm-pack 能帮助你完成构建和测试工作，通过生成一个package.json 文件来帮助你实现和 JavaScript 工具集成。 允许 crate X 在package.json 声明 NPM 包的依赖关系， wasm-pack 为 crate X提供它的依赖 crate Y。 将本地资源(特别是 JavaScript 代码)打包进 wasm-pack 生成的 NPM 包中。 我觉得最后两点对于构建我们的工具包是很有必要的。 我们应该完成这些任务，并把 wasm-pack打磨成1.0工具。在这之后，我们应该让经验和需求来指导我们的努力方向。
1.1K20发布于 2020-06-28 - 来自专栏Rust语言学习交流
【Rust日报】2022-02-28 Rust + Vite
Rust + Vite = vite-plugin-rsw 发布了 v2.0 版本 reop：https://github.com/lencx/vite-plugin-rsw - Vite 的 wasm-pack 插件. rsw cli：https://github.com/lencx/rsw-rs - 基于wasm-pack 的编译工具 wasm demo：https://github.com/lencx/
43010编辑于 2022-03-24 - 来自专栏云原生工具箱
【每日一个云原生小技巧 #36】WASM 简介
工具链使用：熟悉 Emscripten、WASM-Pack 等工具，以便将代码编译成 WASM。 使用案例 案例一：图像处理 场景：在浏览器中实现高效的图像处理功能。 技术栈：使用 C 或 Rust 编写图像处理算法，通过 Emscripten 或 WASM-Pack 编译为 WASM。 示例代码：C 代码实现简单的图像反色处理。
98610编辑于 2023-12-04 - 来自专栏Y-StarryDreamer
Rust与WebAssembly：构建跨平台应用的实战指南
wasm-pack：简化了WebAssembly模块的打包和发布流程。3. 安装wasm-pack工具来处理模块生成与JavaScript绑定。最终，确保开发环境能够流畅编译和测试WebAssembly模块。3. 安装wasm-pack：cargo install wasm-pack3. 构建WebAssembly模块在Rust代码完成后，使用wasm-pack将Rust代码编译为WebAssembly模块。 wasm-pack build --target web这个命令会创建一个pkg/目录，其中包含生成的WebAssembly模块（.wasm文件）以及与JavaScript交互的绑定代码。V.
1.2K11编辑于 2024-12-15 - 来自专栏Rust语言学习交流
[Rust笔记] 朴素而有效的`Rust newcomer`上手路数
rust-lang.github.io/rustup/index.html The Cargo Book: https://doc.rust-lang.org/cargo/index.html#the-cargo-book wasm wasm-pack : https://rustwasm.github.io/docs/wasm-pack/introduction.htmlv Rust and WebAssembly : https://rustwasm.github.io
47430编辑于 2022-11-28 - 来自专栏code秘密花园
使用 Rust 编写更快的 React 组件
wasm-pack wasm-pack 由 Rust / Wasm 工作组开发维护，是现在最为活跃的 WebAssembly 应用开发工具。 wasm-pack 支持将代码打包成 npm 模块，并且附带 Webpack 插件（wasm-pack-plugin），借助它，我们可以轻松的将 Rust 与已有的 JavaScript 应用结合。 wasm-pack 使用 wasm32-unknown-unknown 目标编译代码。 好了，了解了 Rust 相关的一些知识，我们一起来完成这个 Demo 吧。 下面，我们还需要安装一下上面我们提到的 wasm-pack 的 Webpack 插件，它可以帮助我们把 Wasm 代码打包成 NPM 模块： npm i -D @wasm-tool/wasm-pack-plugin
1.6K40发布于 2021-12-02 - 来自专栏柒八九技术收纳盒
宝贝，带上WebAssembly，换个姿势来优化你的前端应用
一个「专注于前端开发技术/Rust及AI应用知识分享」的Coder ❝此篇文章所涉及到的技术有 WebAssembly Rust Web Worker(comlink) wasm-pack Photon 编译处理 ❝但是呢，我们对Rust编译处理不使用之前的yarn build，而是使用cargo自己的构建工具 - wasm-pack[7] ❞ wasm-pack build --target web match n { 0 => 0, 1 => 1, _ => fib(n - 1) + fib(n - 2), } } 而上面的Rust代码会通过wasm-pack 该函数通过wasm-pack编译到pkg中，然后我们复制对应的文件到React项目的wasm/draw中。 : https://github.com/rustwasm/wasm-pack [8] 浏览器工作原理: https://juejin.cn/post/6923953599936954382 [9]
1.1K11编辑于 2024-06-07 - 来自专栏Rust语言学习交流
入门 Rust 开发 WebAssembly
可以直接在 Rust 侧“操作”Dom，甚至已经出现了 Rust 版本的 react 起步开发 我们的第一个目标，肯定是希望能最快看到 hello-world，接下来我们需要一步步操作： 安装 wasm-pack ，wasm-pack 是将 Rust 打包成 wasm 的命令行工具： curl https://Rustwasm.github.io/wasm-pack/installer/init.sh -sSf 我们可以在 hello/src/lib.rs 下面随便修改一点 greet 函数的内容（应该只有一行，随便改），然后运行 wasm-pack build 接下来我们修改我们 js 代码的引入： import 中调用的函数，我们只需要使用 wasm_bindgen 过程宏即可，一个最简单的例子： #[wasm_bindgen] pub fn get_version() -> i32 { 1 } 这个函数经过 wasm-pack wasm-pack 工具链都会帮助我们自动完成 代码调试与错误处理 比较遗憾的是，目前 WebAssembly 还没有办法直接进行断点调试，也没有办法从 panic!
1.8K20发布于 2020-02-20 - 来自专栏得物技术
基于IM场景下的Wasm初探：提升Web应用性能｜得物技术
安装wasm-pack，wasm-pack是一个构建、测试和发布Wasm的Rust CLI工具，我们将使用wasm-pack相关的命令来构建Wasm二进制内容。 ; left + right}执行编译这里我们要使用到wasm-pack，将上述的Rust代码编译为能够被JS导入的模块，根据wasm-pack提供的target方式可以指定构建的产物，如截图所示 : InitInput | Promise<InitInput>): Promise<InitOutput>;wasm-pack打包不仅输出一个ESM规范的模块，而且还支持自动生成d.ts文件，对模块的使用者非常友好
1.1K10编辑于 2024-11-05 - 来自专栏即时通讯技术
Wasm在即时通讯IM场景下的Web端应用性能提升初探
安装wasm-pack，wasm-pack是一个构建、测试和发布Wasm的Rust CLI工具，我们将使用wasm-pack相关的命令来构建Wasm二进制内容。 ; left + right}7.5执行编译这里我们要使用到wasm-pack，将上述的Rust代码编译为能够被JS导入的模块，根据wasm-pack提供的target方式可以指定构建的产物。 : InitInput | Promise<InitInput>): Promise<InitOutput>;wasm-pack打包不仅输出一个ESM规范的模块，而且还支持自动生成d.ts文件，对模块的使用者非常友好
82210编辑于 2024-11-21 - 来自专栏Opensource翻译专栏
通过从JavaScript调用Rust来构建和扩充库【Programming（JavaScript）】
wasm-bindgen和wasm-pack 我们将创建一个函数，该函数从JavaScript中获取字符串，将其变为大写并在其前面加上“HELLO”，然后将其返回给JavaScript。 我们可以使用wasm-pack来构建Wasm二进制文件，调用wasm-bindgen CLI工具，然后将所有JavaScript（以及任何可选的生成的TypeScript类型）打包到一个简洁的程序包中。 首先，我们需要安装wasm-pack ： $ cargo install wasm - pack 默认情况下，wasm-bindgen 生成 ES6模块。
3.1K00发布于 2019-11-24 - 来自专栏开发经验
前端开发者的创新工具：WebAssembly的崭露头角
例如，对于Rust，您可以使用wasm-pack工具。对于C和C++，您可以使用Emscripten工具。 以使用wasm-pack为例： wasm-pack build 这将生成一个WebAssembly模块文件（通常是.wasm文件）以及与之相关的JavaScript包装器。
85010编辑于 2023-12-13 Node.js 性能瓶颈与 Rust + WebAssembly 实战探索
添加Wasm编译目标：bashrustup target add wasm32-unknown-unknown # 或者用于更优化的版本 rustup target add wasm32-wasi安装wasm-pack 进一步学习资源Rust和WebAssembly官方文档wasm-pack文档Node.js性能优化指南WebAssembly标准希望本教程能帮助你开始在Node.js中利用Rust和WebAssembly
47811编辑于 2025-08-08- 来自专栏追不上乌龟的兔子
使用rust开发wasm模块
Rust 生态提供了完善的 wasm 相关工具链，包括 wasm-bindgen、wasm-pack、wasm-opt、wasm-gc、wasm-snip、wasm-bindgen-test 等。
72020编辑于 2023-04-13
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号