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

【问题标题】：How to add custom javascript (3rd Party library) to react-boilerplate如何将自定义 javascript（第 3 方库）添加到 react-boilerplate
【发布时间】：2017-05-29 14:07:40
【问题描述】：

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

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

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

【问题讨论】：

您好@Vinit，如果您找到了解决此问题的方法，请分享

标签： javascript reactjs react-boilerplate

【解决方案1】：

您可以包括：

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

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

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

npm run build

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

import YourFile from './yourscript.js';

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

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

【讨论】：

嗨，克里斯，这行不通。因为我不能手动包含脚本。我的 js 文件依赖于 jQuery，因此必须在将 jQuery 添加到页面后包含，该页面由 webpack 捆绑并由它添加到 index.html。我的 js 文件也没有导出任何东西。

【解决方案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);
}

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

【讨论】：