有没有办法在Angular2组件中使用内联sass？

发布时间：2020-12-17 07:26:12 所属栏目：安全来源：网络整理

导读：我有一个基于webpack starter( https://github.com/AngularClass/angular2-webpack-starter)的Angular 2项目.我试图弄清楚如何将sass直接用于组件(不调用外部.scss文件). 我发现的每个例子都使用styleUrls和扩展名“.scss”来识别何时调用sass-loader. 使用

我有一个基于webpack starter( https://github.com/AngularClass/angular2-webpack-starter)的Angular 2项目.我试图弄清楚如何将sass直接用于组件(不调用外部.scss文件).
我发现的每个例子都使用styleUrls和扩展名“.scss”来识别何时调用sass-loader.

使用 sass-loader：require(“！raw-loader！sass-loader！./ file.scss”);这将从file.scss返回已编译的CSS代码,从而解决SASS导入问题.

指定样式时：’// SASS style’,webpack无法确定样式是否在SASS中,并且应该使用sass-loader.您需要使用以下模式：

import styles from './styles.sass';
@Component({
  styles: styles
})

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!