如何使用create-react-app中公用文件夹中的脚本?

时间:2019-04-09 15:25:34

标签: javascript webpack create-react-app webassembly

我已经使用rust和wasm-pack构建了一些WASM(以及一些简单的包装器代码)。不幸的是,将此代码放在src文件夹中会导致webpack对其进行处理,这会中断。我正在使用create-react-app,但我不想弹出(正是因为我不想学习如何使用或配置Webpack)。

有很多github问题致力于使用更多库来解决此问题,这些问题似乎也不起作用(或对某些人有效,而对其他人无效,等等)。标准库似乎不能很好地交互,尽管它们可能会随着时间的推移而变得更好,但事实是,在简单的JS中,我们可以简单地做到这一点。例如,在https://rustwasm.github.io/docs/book/game-of-life/hello-world.html中,我们看到只要不使用webpack,就可以单独将生成的代码用作npm包,没问题。

所以我的想法是将这段代码放在public文件夹中,无需打包即可原样传递给客户端,然后完成。但是我无法弄清楚从这些文件夹中实际导入代码的语法。我该怎么办?

请注意,我发现的可能重复项与使用<link>等从公共文件夹中导入图像等有关,但是我不认为这可以解决我的用例,因为我需要那些javascript对象及其相关函数,以调用我的代码。

1 个答案:

答案 0 :(得分:1)

您可以使用rust-webpack-template。这是一个将rust-wasm-pack嵌入webpack的kickstarter。

之后,您只需按照以下步骤在webpack中添加react + babel tuto。在webpack.config.js中有一些小的更改要做。

我将此用于我自己的带有rust + react的垃圾项目。 My repo