如何将自定义javascript (第三方库)添加到react-boilerplate

Question

我正在使用react-boilerplate构建react应用程序。但是我不能把自定义的javascript文件添加到不是来自npm、yarn或bower的应用程序中。

基本上，我正在尝试使用一些jquery组件。我使用yarn添加了jquery，现有的webpack配置接受它，并使用其他javascript库注入到index.html中。

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

Answer 1

您可以包括：

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

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

生成项目后，公用文件夹将存在。

npm run build

如果您只是尝试将javascript从原始.js文件导入到变量/函数中，只需执行以下操作：

import YourFile from './yourscript.js';

或者，如果您只是使用不带“default”的导出：

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);
}

如果你还有什么问题，请给我写信。