Reactjs：导入并加载放在 src 中的外部 js 库缩小文件

Question

在我的 React 应用程序中

我要导入一些静态缩小的 js 文件。

我已经开始把我的js文件放在里面了

src/assets/mylibraryfiles/js/file1.min.js
src/assets/mylibraryfiles/js/file2.min.js
src/assets/mylibraryfiles/js/file3.min.js

现在我想将它们加载到我的组件中。

我试过使用头盔

所以我有这个:

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... 也失败了

有什么建议吗??

Answer 1

将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>

Reactjs：导入并加载放在 src 中的外部 js 库缩小文件

Reactjs : import and load external js library minified files put inside src

javascript

reactjs

create-react-app

react-hooks