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启动项目，则可以使用Bootstrap提供的GULP设置。

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

您还可以轻松地自己设置Gulp：

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

上面的URL解释了以下内容：

npm install gulp-sass --save-dev

结构：

SetIntegerElement

“样式”任务

-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));
});

大嘴巴看

如何通过CSS文件编辑CSS

1 个答案: