create-react-app Importing a module from a js file in public folder

tnkciper 于 6个月前发布在 React

关注(0)|答案(1)|浏览(57)

我需要包含一个外部的、最小化的js模块，例如 "external/script.js"。假设 external/script.js 的内容如下：

const mytest = "asdfasdf"
export default mytest

我已经将 external/script.js 放入了我的 public 文件夹中。在 public/index.html 中，我有：
<script type="module" src="%PUBLIC_URL%/external/script.js"></script>
那么我如何在普通的 React 组件中导入并使用 mytest?我可以使用哪个导入路径来实现这一点？我已经查看了 CRACO,并排除了 ModuleScopePlugin,但我仍然不确定如何实际引用该模块。

create-react-app

来源：https://github.com/facebook/create-react-app/issues/12753

1条答案

按热度按时间

fgw7neuy1#

你可以使用动态的 import() 来动态地导入 ES 模块。诀窍是告诉 Webpack 不要为它自己的用途转换动态 import(),例如懒加载和分块：

import(/*webpackIgnore: true*/ 'path/to/module.js');

参考链接：https://webpack.js.org/api/module-methods/#magic-comments

赞(0）回复(0）举报 6个月前

我来回答

create-react-app Importing a module from a js file in public folder

1条答案

相关问题

热门标签

最新问答