如何將自定義JS文件導入到React單頁應用程序中？

Question

問題很簡單，雖然方法可能會有所不同。

首先我使用了以下內容：

1 - 的WebPack 2 - 巴貝爾 3 - ES6 4 - NPM

我有模塊Bootstrap包括在內，但無法弄清楚如何調用通過import

JS文件，這是我如何接近它：

import Bootstrap from 'bootstrap';並且不工作，所以我的第一個問題是無法訪問bootstrap，所以我甚至無法開始弄清楚如何訪問bootstrap.js文件。

第二種方法是放棄從node-modules文件夾訪問引導的想法，只是添加bootstrap.css和bootstrap.js到src目錄在我的反應建設。

我又試圖爲訪問引導CSS是這樣的：

import './css/bootstrap.css';和工作正常。

但是，當我試圖import，bootstrap.js這樣的import './js/bootstrap.js我收到錯誤，當React嘗試編譯。

上面的圖片顯示如何，我試圖導入我的本地JS文件。

任何想法我做錯了。

我會喜歡一個使用bootstrap模塊（這是更清潔，所以我不必手動包括）的解決方案，但也想知道如何手動包括以及。

謝謝。

Answer 1

您需要使用引導WebPack軟件包。

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