CSS @import“~materlize-css”| 使用Webpack | 沒有風格

Question

我正在使用Sage，一個WordPress框架，它允許您在創建期間選擇一些css框架，但我想使用Materialise CSS代替。

它使用的WebPack建立和合並.scss文件合並為一個。 我做了一個npm install materialize-css所以它在我的node_modules 。 在我的項目結構中，我創建了一個scss文件，用於基本導入模塊。

我也有這個版本中的bulma，包含在原始創建中，因此我可以嘗試查看結構的設置方式。 它使用以下import語句：

@import "~bulma";

這有效。 我很困惑這是如何工作的。 我認為~ （代字號）告訴Webpack一些東西，但我不知道是什么。 我想通過Webpacks檢查package.json文件或其他東西，並在node_modules中找到它。

我試過@import "~materialize-css"; 沒有運氣。

有人能解釋一下Webpack正在做什么嗎？ 哈哈，因為我找不到任何關於此的文件。

這是node_module文件夾結構，也許這與它有關：

也許Bulma的根源是bulma.sass但是對於Materialise-CSS，沒有文件，它在sass/materialize.scss 。

如果需要，這里是Sage框架的github， webpack.config.js位於build文件夾中： https ： //github.com/roots/sage/tree/master/resources/assets

Answer 1

您必須像這樣具體要導入的文件

@import "~bootstrap/scss/bootstrap";
@import "~font-awesome/scss/font-awesome";
@import "~toastr/toastr";