Wie importiere ich eine .scss.erb-Datei in MiddleMan4?

Question

Wie importiere ich eine .scss.erb-Datei in Middleman 4?

ich nur 3 bis 4 von Middleman aktualisiert ich denke, das ist meine letzte Frage ist ...

ich eine all.css.scss-Datei, die wie folgt aussieht: die Dateien importieren Alle

@charset "utf-8"; 

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

außer für Einfuhren.

Der Unterschied settings ist, dass es _imports.scss.erb

Dann ist, wenn ich versuche und laden all.css ich diese:

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 

ich glaube, das Problem ist, dass die erb die Datei nicht verarbeitet bevor man es zu einem .scss macht.

Answer 1

Das Hinzufügen von Kettenrädern per this forum post brachte die Importe wie früher.

In Gemfile, fügen Ritzel und ein Rails-Vermögen Block mit dem gemfiles von Schritt ausgewählt 1:

# 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 

In Ihrem config.rb dem folgenden Block die Asset-Pipeline zu aktivieren und RailsAssets gems hinzuzufügen Ihr Lastpfad:

# config.rb 
# General configuration 
activate :sprockets 

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

Answer 2

Der Unterschied mit den Einstellungen ist, dass es _imports.scss.erb ist

Ihr Problem ist. Middleman selbst berührt nichts mit einer führenden Unterstreichung. Die .scss-Dateien werden verarbeitet, weil SASS die Arbeit erledigt.

Die Lösung, die ich benutze (bis ich eine andere finde) ist, die zweite CSS-Datei zu erstellen und sie einfach in mein Layout aufzunehmen.

In Ihrem Fall könnten Sie versuchen, den Unterstrich zu entfernen; Ohne das Suffix .css sollte es nicht in der Ausgabe enthalten sein. Hier

Answer 3

ist ein Beispiel, um es arbeiten:

// all.css.scss.erb 

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

// rest of css… 

Mit der Einstellungen-Datei sein

• _settings.scss.erb namens
• als Geschwister-Datei befindet sich auf all.css.scss und
• es kann dann enthält erb code! :)

---

Das heißt, ich empfehle Blick in die Außen-Pipeline-Funktion in Middleman 4. Es ist sehr leistungsfähig und ermöglicht eine bessere Handhabung von SASS/SCSS.