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

Question

我想再次尝试使用 Angular 2 提前编译。

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

开始之前我需要知道：如果我 link 到 styleUrls 元数据中的外部 .scss 文件，AoT 编译器会工作吗？

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

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

The readme不讨论这个。

Answer 1

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

Answer 2

@BeetleJuice 的回答不完全正确（或不再正确），您唯一需要做的就是为 sass/scss 文件提供一个加载程序，在您的 [=23= 中执行此操作]:

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

之后，您可以将 sass 文件直接包含在您的组件中，执行以下操作：

styleUrls: ['app.style.sass']

为此你必须安装 sass-loader:

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

Does Angular 2 Ahead-of-Time compiler support SASS stylesheets?