Question

我需要一些帮助。

我正在寻找一种方法来生成（或更新文件已经存在）.css文件是.scss文件的转换。编译时所有这一切。

以更好的方式解释这个：

我正在编写一些代码，一切正常，我决定保存。完善。 ctrl + s和应用程序运行完美。尼斯。现在我已经在某处添加了一个style.scss文件（路径并不重要）。如何“告诉”编译器每次编译时他还必须“获取”.scss文件，将其转换为.css文件，并将其放在特定路径中？

Answer 1

好吧，我找到了一种方法来做我需要做的事情。

我已经用这种方式创建了我的gulpfile.js：

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

gulp.task('styles', function () {
    gulp.src('src/app/sass/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('./css/'));
});

gulp.task('watch', function () {
    gulp.watch('./sass/**/*.scss', ['styles']);
});

并将此命令添加到package.json：

"try": "gulp watch && ng s"

问题在于，如果在cli中我运行命令npm run try，它将永远不会启动我的应用程序，因为watch是一个无休止的流。

如何让手表和应用程序同时运行？

*编辑

使用concurrently

找到解决方案

编译时scss to angular in angular

1 个答案: