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

Question

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

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

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

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

或者我应该先将所有样式转换为.css并转换为CSS样式表吗？

The readme没有讨论这个问题。

Answer 1

提前编译器（.scss）未成功处理SASS（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