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";