货物构建未在 wasm 项目上生成 pkg 目录答案

【问题标题】：Cargo build not generating the pkg directory on wasm project货物构建未在 wasm 项目上生成 pkg 目录
【发布时间】：2019-12-30 10:28:14
【问题描述】：

如标题中所述，cargo build 无法生成 pkg 目录。我正在关注一个教程，我在其中运行命令cargo build --target wasm-unknown-unknown，该命令运行良好，并且没有出现任何错误。然后在我的 index.js 文件中，我需要使用以下语句导入 wasm 文件：import './pkg/rust_3d_demo'。但是运行 cargo build 命令后没有生成 pkg 目录。 Doug Milford 先生在 youtube 上发布的教程只有 3 天，所以这里没有版本问题，我的 rustc 和 rustup 和 cargo 都是最新的。有什么想法吗？非常感谢。

这是我的 Cargo.toml 文件：

[package]
name = "rust-3d-demo"
version = "0.1.0"
authors = ["Steel"]
edition = "2018"

[lib]
crate-type = ["cdylib"]

[dependencies]
console_error_panic_hook = "=0.1.5"
js-sys = "0.3.19"
lazy_static = "1.3.0"
nalgebra = "0.18.0"
wasm-bindgen = "0.2.44"

[dependencies.web-sys]
version = "0.3.4"

features = [
'Document',
'Element',
'EventTarget',
'HtmlCanvasElement',
'MouseEvent',
'WebGlBuffer',
'WebGlProgram',
'WebGlRenderingContext',
'WebGlShader',
'WebGlUniformLocation',
'Window'
]

还有我的 package.json 文件中的 devDependencies 部分：

"devDependencies": {
"@wasm-tool/wasm-pack-plugin": "^1.1.0",
"html-webpack-plugin": "^3.2.0",
"text-encoding": "^0.7.0",
"webpack": "^4.41.5",
"webpack-cli": "^3.3.10",
"webpack-dev-server": "^3.10.1"
}

其他可能有帮助的信息：

rustc --version => 锈 1.40.0 (73528e339 2019-12-16)

rustup --version => 生锈 1.21.1

cargo --version => 货物 1.40.0

【问题讨论】：

您好！您能否链接您正在观看的确切视频？是this one吗？它只有1天大，因此我不确定。请edit您的问题包括视频。谢谢！ :)
是的。这就是教程
已解决：您通过 webpack.config.js 使用 wasm-build： 1.- 将 wasm-pack-plugin 导入配置文件 const WasmPackPlugin = require("@wasm-tool/wasm-pack-plugin"); 2.- 在插件部分：new WasmPackPlugin({ crateDirectory: path.resolve(__dirname, ".") }) 在此之后生成 pkg 目录:)

标签： rust webassembly

【解决方案1】：

你通过webpack.config.js这样使用wasm-build：

将wasm-pack-plugin导入配置文件 const WasmPackPlugin = require("@wasm-tool/wasm-pack-plugin");
在插件部分添加一个新实例： new WasmPackPlugin({ crateDirectory: path.resolve(__dirname, ".") }) 在此之后生成 pkg 目录:)

【讨论】：