無法正常加載CSS的JSX

我已經配置了我的WebPack配置有3臺裝載機，巴貝爾，CSS和文件無法正常加載CSS的JSX

一切工作正常，我可以導入的文件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但無法處理字體，所以文件加載器不會被觸發！

來源

2016-12-08 Guilherme Quental

崩潰？怎麼樣？錯誤信息？ –

您好，如果我嘗試通過沒有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）您可能需要一個合適的加載程序來處理此文件類型。 | * Copyright 2011-2016 Twitter，Inc. –

我能找到解決方案！

問題出在加載程序中，我忘記添加指向node_modules的include屬性！

來源

2016-12-08 17:46:26

無法正常加載CSS的JSX

回答

相關問題