如何在.scss.erb中导入middleman4文件？

Question

如何在中间人4中导入.scss.erb文件？

我刚从中间人3升级到4。我想这是我最后一期.

我有一个all.css.scss文件，如下所示：

@charset "utf-8";

@import "settings";
@import "imports";
@import "base";
@import "signature_pad"

除导入文件外，所有文件都导入。

与settings的不同之处在于它是_imports.scss.erb

然后，当我尝试加载all.css时，我得到了以下内容：

Error: File to import not found or unreadable: imports.
       Load paths:
         /Users/myMyserId/apps/projectName/source/assets/css
         /Users/myUserId/.rvm/gems/ruby-2.0.0-p451/gems/compass-core-1.0.3/stylesheets
         Compass::SpriteImporter
         /Users/myUserId/apps/projectName/source/assets/css
         /Users/myUserId/.rvm/gems/ruby-2.0.0-p451/gems/compass-core-1.0.3/stylesheets
         Compass::SpriteImporter
         /Users/myUserId/apps/projectName/source/assets/css
         /Users/myUserId/.rvm/gems/ruby-2.0.0-p451/gems/compass-core-1.0.3/stylesheets
         Compass::SpriteImporter
        on line 4 of /Users/myUserId/apps/projectName/source/assets/css/all.css.scss

我认为问题是erb在使文件成为.scss之前没有处理它。

Answer 1

添加每个这个论坛帖子的链轮可以使导入像以前一样工作。

在Gemfile中，添加链轮和rails-assets块，其中包含从步骤1中选择的from文件：

# Gemfile
gem 'middleman-sprockets', '4.0.0.rc.3'

source 'https://rails-assets.org' do
  gem 'rails-assets-bootstrap-autohidingnavbar', '1.0.0'
  gem 'rails-assets-jquery', '2.1.1'
  gem 'rails-assets-slick.js', '1.5.7'
end

在config.rb中，添加以下块以启用资产管道，并将RailsAssets宝石添加到加载路径中：

# config.rb
# General configuration
activate :sprockets

if defined? RailsAssets
  RailsAssets.load_paths.each do |path|
    sprockets.append_path path
  end
end

Answer 2

设置的不同之处在于它是_imports.scss.erb

这是你的问题。中间商本身并没有触及任何带有前导下划线的东西。.scss文件是被处理的，因为这是SASS做的工作。

我正在使用的解决方案(直到我找到另一个)是构建第二个css文件，并将其包含在我的布局中。

在您的示例中，您可以尝试删除下划线；如果没有.css后缀，则不应该将其包括在输出中。

Answer 3

下面是一个让它正常工作的例子：

// all.css.scss.erb

<%= partial './_settings.scss' %>

// rest of css…

设置-文件为

• 命名为_settings.scss.erb
• 作为同级文件定位到all.css.scss和
• 然后它可以包含erb代码！:)

尽管如此，我强烈建议在中间商4中查看外部管道特性，它非常强大，允许更好地处理SASS/SCSS。