Как редактировать CSS через SCSS файлы

Question

На самом деле для недавнего проекта я скачал тему (панель администратора). В основном он содержит css по частям в виде файлов .scss. Я пытался редактировать файлы напрямую из style.css, но ничего не изменилось. поэтому я провел небольшое исследование и обнаружил, что файлы scss необходимо скомпилировать снова. Я не знаю, как скомпилировать файлы .scss. На их странице GitHub я обнаружил, что это можно изменить с помощью следующих команд

gulp serve

Я не знаю, указанная выше команда должна была снова скомпилировать scss в css, но она не работала. Так что, пожалуйста, помогите с этим или просто предоставьте ссылку на учебник, откуда я мог бы изучить это

Вот ссылка на проект, который я только что скачал https://github.com/BootstrapDash/PurpleAdmin-Free-Admin-Template

Заранее спасибо

Answer 1

Настройка компилятора SCSS для проекта, в котором вы сами не используете SCSS, утомительна. Вместо этого, попробуйте быстро скомпилировать его и отредактируйте CSS-файлы после того, как скомпилировали

Вы можете использовать бесплатные компиляторы онлайн, например, https://www.cssportal.com/scss-to-css/.

Если вы хотите начать проект с SCSS, где вы его компилируете, вы действительно можете использовать настройку GULP, предоставляемую Bootstrap.

https://mdbootstrap.com/bootstrap-gulp-tutorial/

Вы также можете легко настроить Gulp самостоятельно:

https://codehangar.io/gulp-sass/

Приведенный выше URL объясняет следующее немного более подробно:

npm установить gulp-sass --save-dev

Структура:

-index.html
--assets
---styles
----sass
-----index.scss
----css

Задача "Стили"

//gulpfile.js

var gulp = require('gulp');
var sass = require('gulp-sass');

//style paths
var sassFiles = 'assets/styles/sass/**/*.scss',
    cssDest = 'assets/styles/css/';

gulp.task('styles', function(){
    gulp.src(sassFiles)
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest(cssDest));
});

наблюдатель

gulp.task('watch',function() {
    gulp.watch(sassFiles,['styles']);
});

глотать часы