\u4ee5\u524d\u306e<\/strong><\/p>\nconst path = require(\"path\");\nconst CopyPlugin = require(\"copy-webpack-plugin\");\nconst WasmPackPlugin = require(\"@wasm-tool\/wasm-pack-plugin\");\n\nconst dist = path.resolve(__dirname, \"dist\");\n\nmodule.exports = {\n mode: \"production\",\n entry: {\n index: \".\/js\/index.js\"\n },\n output: {\n path: dist,\n filename: \"[name].js\"\n },\n devServer: {\n contentBase: dist,\n },\n plugins: [\n new CopyPlugin([\n path.resolve(__dirname, \"static\")\n ]),\n\n new WasmPackPlugin({\n crateDirectory: __dirname,\n }),\n ]\n};<\/pre>\n\u00a0<\/p>\n
\u4eca\u56de\u306e<\/strong><\/p>\nconst path = require(\"path\");\nconst CopyPlugin = require(\"copy-webpack-plugin\");\nconst WasmPackPlugin = require(\"@wasm-tool\/wasm-pack-plugin\");\n\nmodule.exports = {\n mode: \"development\",\n entry: \".\/js\/index.js\",\n output: {\n path: path.resolve(__dirname, \"dist\"),\n filename: \"index.js\",\n },\n experiments: {\n asyncWebAssembly: true,\n },\n module: {\n rules: [\n {\n test: \/\\.wasm$\/,\n type: \"webassembly\/async\",\n },\n ],\n },\n plugins: [\n new CopyPlugin({\n patterns: [\n { from: path.resolve(__dirname, \"static\"), to: \"\" },\n ],\n }),\n new WasmPackPlugin({\n crateDirectory: __dirname,\n }),\n ],\n devServer: {\n static: path.resolve(__dirname, \"dist\"),\n port: 8080,\n },\n resolve: {\n extensions: [\".js\", \".wasm\"],\n },\n};\n\n<\/pre>\njs\/index.js<\/p>\n
\u524d\u56de\u306e<\/strong><\/p>\nimport(\"..\/pkg\/index.js\").catch(console.error);<\/pre>\n\u00a0<\/p>\n
\u4eca\u56de\u306e<\/strong><\/p>\nimport * as wasm from \"..\/pkg\/index.js\";<\/pre>\n\u00a0<\/p>\n
package.json<\/strong><\/p>\n\"start\": \"rimraf dist pkg && webpack serve --open --mode development\",\n<\/pre>\n\"devDependencies\": {\n \"@wasm-tool\/wasm-pack-plugin\": \"^1.1.0\",\n \"copy-webpack-plugin\": \"^11.0.0\",\n \"rimraf\": \"^5.0.1\",\n \"webpack\": \"^5.90.0\",\n \"webpack-cli\": \"^5.1.4\",\n \"webpack-dev-server\": \"^4.15.1\"\n}<\/pre>\nnpm init\u3067\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u3066\u3082\u3088\u3044\u304b\u3068\u601d\u3044\u307e\u3059\u304c\u3001\u305d\u3082\u305d\u3082Webpack\u3067\u306f\u306a\u304f\u3001Vite\u306a\u3069\u5225\u306e\u9078\u629e\u80a2\u3082\u3042\u308a\u307e\u305f\u305d\u308c\u3082\u5f62\u9ab8\u5316\u3057\u304b\u306d\u306a\u3044\u306e\u3082\u3042\u308a\u3001\uff08\u307e\u3041\u305d\u3053\u307e\u3067\u3059\u308b\u306e\u3082\u9762\u5012\u3068\u3044\u3046\u306e\u3082\uff09\u3068\u308a\u3042\u3048\u305aGitHub\u306b\u3042\u3052\u305f\u5f62\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n
\u3082\u3057\u56f0\u3063\u3066\u3044\u308b\u4eba\u304c\u3044\u307e\u3057\u305f\u3089\u30fc\u3002<\/p>\n
\u8ffd\u3063\u3066\u3001\u66f8\u7c4d\u306e\u611f\u60f3\u306a\u3069\u8a73\u7d30\u3092\u66f8\u3044\u3066\u3044\u3051\u308c\u3070\u3068\u3002<\/p>\n
\u3067\u306f\u3067\u306f\u3041\u3002<\/p>\n
\u307e\u305f\u307e\u305f\u3041\u3002<\/p>\n
\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"
\u3069\u3082\u3067\u3059\u3002 \u3044\u3084\u3041\u3002\u4e45\u3005\u3002\u6700\u8fd1\u306f\u3059\u3063\u304b\u308a\u7a4d\u8aad\u3092\u6d88\u5316\u3057\u3066\u3044\u308b\u65e5\u3005\u3067\u3054\u3056\u3044\u307e\u3057\u3066\u3002 \u53c2\u8003\u66f8\u306a\u3069\u66f8\u7c4d\u3092\u6570\u3048\u308b\u3068\u3053\u308d500\u518a\u304f\u3089\u3044\u6240\u6301\u3057\u3066\u3044\u307e\u3057\u3066 w\uff08\u9762\u767d\u305d\u3046\u306a\u66f8\u7c4d\u306f\u3064\u3044\u3064\u3044\u8cfc\u5165\u3057\u3061\u3083\u3044\u307e\u3059\u3088\u306d\u3002\u3002\uff09 \u307e\u3060\u3001200\u518a\u304f\u3089\u3044\u3057\u304b […]<\/p>\n","protected":false},"author":1,"featured_media":11849,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[299],"tags":[176,37,327,357,45,178,78],"class_list":["post-12118","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-rust","tag-html5","tag-iphone-","tag-rust","tag-rust-webpack","tag-web","tag-178","tag-78"],"_links":{"self":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/12118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12118"}],"version-history":[{"count":3,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/12118\/revisions"}],"predecessor-version":[{"id":12123,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/12118\/revisions\/12123"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/media\/11849"}],"wp:attachment":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![](\"https:\/\/m.media-amazon.com\/images\/I\/51xr5OIL9-L._SL160_.jpg\")
<\/a>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t \t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n