如何在Rails应用程序中导入SCSS mixins？

Question

试图弄清楚如何在Rails 4应用程序中导入一些SCSS文件。这些文件是：

@import "shared/mixins",
        "shared/reset",
        "shared/about-light";

我不确定如何正确执行此操作，也不知道如何设置路径。

我将这些文件放在一个名为的文件夹中"shared"，并将此文件夹放在里面，/lib/assets/css/这是正确的方法吗？

还尝试将文件放入 /vendor/assets/stylesheets/

如何正确导入这些文件？

错误：

File to import not found or unreadable: mixins.
Load paths:

Answer 1

通常，我们将mixin放在_mixins.scss直接在app/assets/stylesheets/目录中的部分文件中，该文件可能位于子目录下，例如shared您想要更多的组织。在你的application.css，你可以再做（像你一样）

@import 'shared/mixins';
@import 'shared/colors';

管他呢。如果您确实希望他们坐在其他地方，则应查看load_pathsSASS 的配置设置。你可以告诉SASS地方时，它的导入文件，可能看起来lib/assets并vendor/assets没有被默认包含。

要添加此配置，请在您environment.rb或其他配置文件中执行以下操作

config.sass.load_paths << File.expand_path('../../vendor/assets/stylesheets/')

vendor/assets/stylesheets默认情况下，这将使SASS 除了搜索的所有其他目录之外，还可以访问。