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

Question

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

搜索一下指南针并阅读上面的帖子，我了解到我应该用Compass编译我的所有sass文件，我做了它。但是，在浏览器中打开我的应用时，我收到以下错误：

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

@import "compass/typography";

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

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

我正在使用Laravel 5.4，然后我尝试使用＆＃34; npm run watch-poll＆＃34;来编译我的应用程序。我基本上得到了同样的错误：

模块构建失败：

@import "compass/typography";

所以，我很感激有关如何处理上述问题的任何帮助。非常感谢。

Answer 1

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

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

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

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

@import "partials/typography";