【发布时间】：2016-12-08 13:56:40
【问题描述】：
我已经用 3 个加载器、babel、css 和文件配置了我的 webpack 配置
一切正常，我可以在 JSX 文件中导入我自己创建的 CSS 文件，它被 ExtractTextPlugin 很好地捆绑了！
我的问题是，对于第三方模块，例如 bootstrap，我无法轻松导入 CSS。
import "./style/app.css" //works
import "bootstrap/dist/css/bootstrap.min.css" //crashes
import "css-loader!bootstrap/dist/css/bootstrap.min.css" //works
为什么对于第三方模块，它不能识别我的加载器配置？由于这个原因，它没有被 ExtractTextPlugin 导出。
如果我尝试像这样在 app.css 中导入：
@import url("~bootstrap/dist/css/bootstrap.min.css")
这样它就被加载器正确导入了。
另外一个细节是，引导 css 加载了一些额外的字体。如果我通过@import 导入，文件加载器会按预期触发！
但是，如果我尝试使用 css-loader！在 JSX 中，它工作的部分原因是它导入了 CSS 但不能处理字体，所以文件加载器没有被触发！
【问题讨论】：
-
崩溃？如何？错误信息？
-
您好，如果我尝试在没有 css-loader 的情况下通过 JSX 导入，错误如下： ./~/bootstrap/dist/css/bootstrap.min.css 中的错误模块解析失败：/Users /gquental/projects/react-redux-starter/node_modules/bootstrap/dist/css/bootstrap.min.css 意外令牌 (5:83) 您可能需要适当的加载程序来处理此文件类型。 | * 版权所有 2011-2016 Twitter, Inc.