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

Question

我正在尝试使用由最新的 Bootstrap 3 和 Sass（带有 Compass）构建的 bootstrap theme/template。

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

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

@import "compass/typography";

以上导入在部分 _base.scss 文件中，其中包含：

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

我正在使用 Laravel 5.4，如果我随后尝试使用 "npm run watch-poll" 编译我的应用程序，我基本上会遇到相同的错误：

模块构建失败：

@import "compass/typography";

所以，对于如何处理上述问题，我将不胜感激。非常感谢。

Answer 1

问题可能是当您使用@import 时，您需要遵守文件夹结构。

因此，如果您的文件夹结构如下所示：

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

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

@import "partials/typography";