如何使用 Sass 和 Compass 编译 Laravel 5.4 应用程序答案

【问题标题】：How to compile Laravel 5.4 application using Sass and Compass如何使用 Sass 和 Compass 编译 Laravel 5.4 应用程序
【发布时间】：2017-04-28 17:04:33
【问题描述】：

我正在尝试使用由最新的 Bootstrap 3 和 Sass（带有 Compass）构建的引导主题/模板。

搜索了一些关于 compass 并阅读了上面的帖子，我了解到我应该使用 Compass 编译我所有的 sass 文件，我做到了。但是，在浏览器中打开我的应用时，出现以下错误：

未捕获的错误：模块构建失败：ModuleBuildError：模块构建失败：

@import "compass/typography";

上述导入位于部分 _base.scss 文件中，其中包含：

@import "compass/typography";
@import "compass/css3";

我使用的是 Laravel 5.4，然后如果我尝试使用“npm run watch-poll”编译我的应用程序，我基本上会遇到同样的错误：

模块构建失败：

@import "compass/typography";

因此，我将不胜感激有关如何处理上述问题的任何帮助。非常感谢。

【问题讨论】：

scss 文件的文件夹结构是什么？您的所有 scc 是否都在一个名为 compass 的文件夹中？
嗨@Ruben，实际上我看不到名为 compass 的文件夹。由于我正在使用 Laravel，因此我所有的 scss 文件都位于 /var/www/html/kingadmin/resources/assets/sass
在这个文件夹中，我有另一个名为 partials 的文件夹，其中有一个名为 _base.scss 的文件，其中包含上面解释的 compass 文件夹。

标签： laravel sass compass

【解决方案1】：

问题可能是当你使用@import 时，你需要尊重文件夹结构。

所以如果你的文件夹结构是这样的：

 - style.scss
 - partials
    - _base.scss
    - _typography.scss

您的导入应该如下所示（假设您在 style.scss 上导入）：

@import "partials/typography";

【讨论】：

是的，我知道。但是，我在文件夹结构中找不到“指南针”文件夹。它使用“compass compile”成功编译，但是当我启动应用程序时，我可以看到上述错误。无论如何，我非常感谢您的帮助。我将尝试找到另一个管理包。所以我要结束这个讨论了。