在我的 React 应用程序中
我必须导入一些静态缩小的 js 文件。
我已经开始将我的js文件放入其中
src/assets/mylibraryfiles/js/file1.min.js
src/assets/mylibraryfiles/js/file2.min.js
src/assets/mylibraryfiles/js/file3.min.js
现在我想将它们加载到我的组件中。
我尝试过使用 Helm
所以我有这个:
Render() {
...
<Helmet>
<script src="/assets/mylibraryfiles/js/file1.min.js" type="text/javascript"></script>
<script src="/assets/mylibraryfiles/js/file2.min.js" type="text/javascript"></script>
<script src="/assets/mylibraryfiles/js/file3.min.js" type="text/javascript"></script>
</Helmet>
}
但这行不通
Thta 似乎找不到我的脚本文件
我已经尝试过通过相对路径./../../assets...
也失败了
有什么建议吗?
最佳答案
将js文件放入public文件夹,然后导入js文件。
在index.html
<head>
<!-- If your application is built via create-react-app -->
<script src="%PUBLIC_URL%/js/file1.min.js"></script>
<!-- or custom webpack -->
<script src="/js/file1.min.js"></script>
</head>
关于javascript - Reactjs : import and load external js library minified files put inside src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68011531/