1. Forum
  2. News
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Filebase
  • Anmelden oder registrieren
  • Suche
Sonstiges
  • Alles
  • Sonstiges
  • Artikel
  • Seiten
  • Forum
  • Dateien
  • Erweiterte Suche
  1. RetroTown
  2. Filebase
  3. Sonstiges
  • SCSS Compiler NodeJS

    • At0m.
    • 13. Oktober 2020 um 14:50
    • 5 Downloads
    • 4 Kommentare
    • Herunterladen
    • Übersicht
    • Versionen 1
    • Kommentare 4

    Da einige Probleme haben SCSS zu compilieren lade ich hier mal einfach einen Standard Compiler Hoch.

    Ihr müsst nur folgende 2 Befehle ausführen nachdem euer main.scss sich im selben ordner befindet!

    1. npm install

    2. npm run compile

    3. npm run minify

    solltet ihr einen error bekommen bitte achtet darauf das ihr den ordner Compiled im selben verzeichnis erstellt habt.

    Ihr braucht natürlich NPM/ nodeJS welches ihr hier bekommt!!

    https://nodejs.org/de/

    bei Fragen stehe ich gerne zur verfügung.

    Sven#6955

    • css
    • NodeJs
    • SCSS
    • NPM
    • STYLESHEET
    • Version 1.0.0

      • At0m.
      • 13. Oktober 2020 um 14:50
      • 18,12 kB
      • 5 Downloads
    MODSirSonay
    13. Oktober 2020 um 14:54

    Oder man macht es wie ich:

    Code
    var gulp    = require('gulp');
    var sass    = require('gulp-sass');
    var rename  = require('gulp-rename');
    var prefix  = require('gulp-autoprefixer');
    var minCss  = require('gulp-minify-css');
    
    gulp.task('build', function () {
      return gulp.src('public/sass/**/*.scss')
        .pipe(sass({
          onError: sass.logError,
          outputStyle: 'expanded',
        }))
    
        .pipe(minCss())
        .pipe(rename({
          suffix: '.min'
        }))
        
        .pipe(gulp.dest('public/css'));
    });
    
    gulp.task('watch', function(){
      return gulp.watch('public/sass/**/*.scss', gulp.series('build'));
    });
    Alles anzeigen

    Einfach den Befehl "gulp watch" ausführen und Ruhe haben.

    At0m.
    13. Oktober 2020 um 14:57
    Autor

    Ja sicher funktionierts mit gulp ,aber das ist eigentlich eher für die leute gedacht die nicht wirklich was davon verstehen :D

    MODSirSonay
    13. Oktober 2020 um 14:58

    Da musst du ja auch nichts wirklich verstehen.

    Man lädt via NPM gulp komplett runter, startet "gulp watch" und erstellt/bearbeitet dann die sass Datei welche automatisch zu einer CSS-Datei wird die auch direkt mit dem minify bearbeitet wurden ist. ^^

    At0m.
    13. Oktober 2020 um 15:02
    Autor

    für viele ist irgendwas umzustellen schon zu hoch :D

    Datei-Informationen

    Lizenzbestimmungen
    GNU General Public License (GPL)

    Weitere Dateien von At0m.

    • [REL]HabboTL Wartungsmodus[REL]

      At0m. 2. Februar 2017 um 02:19
    1. Datenschutzerklärung
    2. Impressum
    3. Doppelaccount beantragen
    Codemaster² Design coded & layout by Gino Zantarelli 2023-2025©
    Community-Software: WoltLab Suite™ 6.0.22