0
我已經配置了我的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但無法處理字體,所以文件加載器不會被觸發!
崩潰?怎麼樣?錯誤信息? –
您好,如果我嘗試通過沒有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. –