如何将自定义JS文件导入React Single Page App？

Question

虽然方法可能有所不同，但问题很简单。

首先我使用以下内容：

1 - Webpack 2 - 巴贝尔 3 - ES6 4 - npm

我包含了Bootstrap模块，但无法通过import

找出如何调用JS文件

这就是我接近它的方式：

import Bootstrap from 'bootstrap';并且这不起作用，所以我的第一个问题是无法访问bootstrap所以我甚至无法开始弄清楚如何访问bootstrap.js文件。

第二种方法是废弃从node-modules文件夹访问Bootstrap的想法，只需将bootstrap.css和bootstrap.js添加到我的React构建中的src目录。 / p>

我接下来试图访问这样的bootstrap css：

import './css/bootstrap.css';，这很好。

但是当我尝试import，bootstrap.js这样import './js/bootstrap.js时，我在React尝试编译时遇到错误。

上图显示了我尝试导入本地JS文件的方式。

任何想法我做错了什么。

我希望使用bootstrap模块的解决方案（更干净，所以我不必手动包含），但也想知道如何手动包含。

谢谢。

Answer 1

您需要使用bootstrap WebPack包。

https://github.com/gowravshekar/bootstrap-webpack