css - CSS @import“〜materialize-css” |使用Webpack没有风格

我使用的是Sage，一个WordPress框架，它允许您在创建过程中选择一些CSS框架，但是我想改用Materialize CSS。

它使用Webpack生成.scss文件并将其组合为一个文件。我做了一个npm install materialize-css，所以它在我的node_modules中。在我的项目结构中，我制作了一个scss文件，该文件用于基本导入模块。

我在这个版本中也有bulma，包括在原始创建中，所以我可以尝试看看如何设置结构。它使用以下导入语句：

@import "~bulma";

这可行。我对这是如何工作感到困惑。我认为~（波浪号）告诉Webpack一些东西，但我不知道是什么。我发现Webpacks检查package.json文件或其他内容，然后在node_modules中找到它。

我试过@import "~materialize-css";没有运气。

有人可以解释一下Webpack到底在做什么吗？哈哈，因为我找不到关于此的任何文档。

这是node_module文件夹结构，可能与它有关：



也许布尔玛的根是bulma.sass，但对于Materialize-CSS，没有文件，它在sass/materialize.scss中。

如果需要，这是Sage框架的github，webpack.config.js在build文件夹中：https://github.com/roots/sage/tree/master/resources/assets

最佳答案

您也必须像这样指定要导入的文件

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

关于css - CSS @import“〜materialize-css” |使用Webpack没有风格，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56615546/