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

Question

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

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

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

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

还是应该先将所有样式转换.css为 CSS 样式表并链接到 CSS 样式表？

自述文件没有讨论这个。

score 4 · Accepted Answer

.scss提前编译器 ( ) 未成功处理SASS (文件ngc)。我不得不将我的样式表转换为.css第一个

score 0 · Accepted Answer

@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

2 回答 2