javascript - 如何将自定义 javascript（第 3 方库）添加到 react-boilerplate

Question

我正在使用react-boilerplate构建反应应用程序。但是我无法理解将自定义 javascript 文件添加到不是来自 npm、yarn 或 bower 的应用程序。

基本上我正在尝试使用一些 jquery 组件。我使用纱线添加了 jquery，现有的 webpack 配置将其与其他 javascript 库一起注入到 index.html 中。

但是在将 jquery 添加到页面后，我找不到包含我自己的自定义 javascript 文件的方法。

Answer 1

您可以包括：

<script src="./yourscript.js"></script>

在位于公共文件夹的 index.html 中。

公用文件夹在您构建项目后存在。

npm run build

如果您只是尝试从具有“导出默认值”的原始 .js 文件导入 javascript 到变量/函数，只需执行以下操作：

import YourFile from './yourscript.js';

或者如果您只是使用没有“默认”的导出：

import { YourFile } from './yourscript.js;

Answer 2

你可以像这样包括：

componentDidMount () {
    const script = document.createElement("script");

    script.src = "./js/perfect-scrollbar.jquery.min.js";

    script.type = 'text/javascript';
    script.async = true;

    document.body.appendChild(script);
}

如果您还有任何问题，请写信给我。