Question

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

基本上我试图使用一些jquery组件。我使用yarn添加了jquery，现有的webpack config接受了它，并使用其他javascript库注入index.html。

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

Answer 1

您可以加入：

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

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

。

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

npm run build

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

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

如果您还有其他问题，请写信给我。

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

2 个答案: