カスタムJSファイルをReact Single Page Appにインポートするにはどうすればいいですか？

Question

アプローチはさまざまですが、問題は簡単です。

まず、私は次のように使用しています：

1 - WebPACKの 2 - バベル 3 - ES6 4 - NPM

私が含まれるモジュールBootstrapを持っていますが、コールする方法を見つけ出すことはできません

import Bootstrap from 'bootstrap';、それはそう動作しません：import

経由JSファイルには、これは私がそれに近づいてる方法です私の最初の問題はブートストラップにアクセスすることができないので、私はbootstrap.jsファイルにアクセスする方法を理解することさえできません。

第2のアプローチは、node-modulesフォルダからブートストラップにアクセスするというアイデアをスクラップし、ちょうど私のビルドを反応させるのでsrcディレクトリにbootstrap.cssとbootstrap.jsを追加しました。私は、試してみました何

は次のようにブートストラップCSSにアクセスすることでした：

import './css/bootstrap.css';、それが正常に動作します。

私がimportにしようとすると、このようなimport './js/bootstrap.jsのようにbootstrap.jsのように私はエラーが発生しますコンパイルしようとします。

上記の画像は、私は私の地元のJSファイルをインポートしようとしている方法を示しています。

私は間違っています。

bootstrapモジュールを使用したソリューション（私は手動で組み込む必要がないため、よりクリーンです）が好きですが、手動で組み込む方法も知りたいと思います。

ありがとうございます。

Answer 1

ブートストラップWebPackパッケージを使用する必要があります。

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