Logbuch
wenn grunt-contrib-sass zu langsam ist
Vorneweg:Durchschnittlich benötige für meine Web-Projekte ca.20 Sass-Dateien,die mittels einer zentralen default.scss in der entsprechenden Reihenfolge importiert und über grunt-contrib-watch überwacht und weiterverarbeitet werden.Dieser Vorgang dauert seit einiger Zeit je Änderung nahezu 30 Sekunden.Definitiv zu lange.Grundsätzlich bin ich ein großer Freund des Grunt Task-Runners.Er läuft seit Jahren zuverlässig.Aber wenn es mal hakt,was selten vorkommt,dann ist das meist nicht in ein paar Minuten erledigt,sondern zieht eine ganze Schlange an Fehlern hinter sich her.Aus diesem Grund habe ich dieses Problem auch zu lange vor mir her geschoben,weil mir Nerven und Zeit fehlten,mich darum so lange zu kümmern.Da gerade Urlaubszeit ist und ich auf Daten eines Kunden warte,gab es keine Ausreden mehr.
Das Problem liegt in grunt-contrib-sass.Dieses Modul ist in Ruby geschrieben und scheint Probleme haben,wenn die Sass Dateien zu umfangreich sind.Die Lösung liegt in grunt-sass,das auf c++ basiert und sich grundlegend unterscheidet.grunt-sass benötigt allerdings mindestens node in der Version 8.Also können vorher updates notwendig sein.Diese Lösung hat die Geschwindigkeit der Sass Kompilierung bei mir mehr als verdoppelt.der Aufwand lohnt sich also.
Als erstes deinstalliert man contrib-sass(sofern vorhanden)mittels: Änderungen in der Gruntfile.js-Datei: module.exports=function(grunt){
$ npm uninstall grunt-contrib-sass --save-dev
und installiert:
$ npm install --save-dev node-sass grunt-sass
Richtig,es sind zwei Module,davon nicht beirren lassen.Sowohl node-sass als auch grunt-sass sind Voraussetzungen.Es bestehen bestimmte Abhängigkeiten.Ich beschreibe hier den Vorgang inklusive Einbindung in watch,alle Basis-Infos findet Ihr unter:https:
const sass=require('node-sass');
grunt.initConfig({
pkg:grunt.file.readJSON('package.json'),
watch:{
sass:{
files:['sass/**/*.scss'],
tasks:['sass:dist'],
 },
...
sass:{
options:{
implementation:sass,
Blog News
Blog Cloud
- Accordion
- Adapter
- Adobe
- Affinity
- Allen & Heath
- Analytics
- Android
- Apple
- Automator
- BackUp
- Benutzer
- Box
- Browser
- Bug
- caldigit
- caldigit ts3+
- Check
- Chrome
- CMS
- Composer
- Contao
- Contao 4
- Controller
- Crative Suite
- Cross
- CS6
- CSS
- cut
- DB2
- Design
- dockingstation
- Drax
- DSM
- El Capitan
- Erweiterung
- Festivals
- Film
- Firefox
- Flash
- Font
- Fonts
- Freeware
- ftp-deploy
- Gallery
- Games
- Grundlinienraster
- grunt
- Hardware
- Hosting
- House
- HTML5
- IE6
- IE7
- IE8
- IE9
- IE10
- IE11IE6
- iFrame
- iMovie
- InDesign
- Internet
- iOS
- iPad
- iTunes
- Kroatien
- Kultur
- Layout
- Live
- login
- lokaler
- Lüfter
- Mac
- MacBook
- Mac Book
- Mamp
- Maps
- Mash
- Mavericks
- Metamodels
- Mischpult
- Mixer
- mobiler
- Modul
- Mukke
- Music
- Native Instruments
- Netzwerk
- no
- OS X
- OSX
- page speed
- PC
- Pfronten
- Photo
- php
- Player
- Preview
- Publisher
- Quark
- Quark XPress
- Raster
- Reisen
- Router
- safari
- Schlüsselbund
- schneiden
- Schriften
- Script
- SEO
- Server
- Set
- Shell Script
- Slider
- Smartwatch
- Snow Board
- Software
- Soundkarte
- SSD
- syncen
- Synology
- Techno
- Terminal
- thunderbolt
- Time Mashine
- Traktor
- Trimm
- Tweets
- Typografie
- typografisches Raster
- typoman
- Unterstützung
- Up
- Video
- Web
- Webfont
- Webfonts
- Webserver
- Website
- Wifi
- Windows
- Wlan
- Xone
Kommentare