Angular 2 Ahead-of-Time编译器是否支持SASS样式表？

Question

我想再次尝试使用Angular 2 Ahead-of-Time编译。

这将需要我的重大重构，因为我当前的设置使用需要更改的自定义构建过程。

在开始之前，我需要知道：如果我链接到styleUrls元数据中的外部.scss文件，AoT编译器是否可以工作？

@Component({
    ...
    styleUrls:['./app.component.scss'],
})
export class AppComponent {}

或者我应该首先将我的所有样式转换为.css并链接到CSS样式表？

自述文件没有讨论这个问题。

Answer 1

SASS（ .scss文件）未被提前编译器（ ngc ）成功处理。 我必须首先将我的样式表转换为.css

Answer 2

@BeetleJuice答案不完全正确（或不再正确）你唯一需要做的就是在你的webpack.config.js中为sass / scss文件提供一个加载器：

{ test: /\.sass$/, loaders: ['raw-loader', 'sass-loader']}

在此之后，您可以将sass文件直接包含在组件中：

styleUrls: ['app.style.sass']

要做到这一点，你必须安装sass-loader：

npm install sass-loader node-sass webpack --save-dev