如何在使用Webpack时使用Bootstrap？

Question

我有一个像这样的通用文件设置：

import $ from 'jquery';
import bootstrap from 'bootstrap';

将jQuery和Bootstrap JS加载到页面上，而不是CSS。节点模块不在公共文件夹中，因此我无法指向坐在那里的CSS文件，而无需移动节点模块安装的位置，这有点像hacky。

与此同时，它还抱怨jQuery未定义。

我尝试使用Preferred way of using Bootstrap in Webpack中提到的lib，但错误更改为Cannot find module "bootstrap/fonts/glyphicons-halflings-regular.eot"，看起来CSS似乎还没有。很困惑。

当webpack运行时，我也会遇到许多相关的错误：

ERROR in ./~/bootstrap/fonts/glyphicons-halflings-regular.eot
Module parse failed: /Users/dstein/Repositories/readthru/node_modules/bootstrap/fonts/glyphicons-halflings-regular.eot Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected character '�' (1:0)