编译时有角度的Scss到css答案

【问题标题】：Scss to css in angular while compiling编译时有角度的Scss到css
【发布时间】：2018-05-14 11:01:24
【问题描述】：

我需要一些帮助。

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

以更好的方式解释这一点：

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

【问题讨论】：

@Konafets 我不知道从哪里开始，真诚的。我有我的 .scss 和一个我希望编译器生成我的 .css 的文件夹。这就是我所拥有的一切
许多常见的编译器都有“监视任务”，您可以在其中配置目录或文件集以“监视”更改。
@RobertWade 你能提供一些更具体的信息吗？我进行了很多搜索，但没有找到与我的问题相关的任何内容。
每当我做一个简单的ng s

标签： node.js angular typescript sass command-line-interface

【解决方案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找到解决方案

【讨论】：