是否可以将 .css 和 .scss 文件都用于 angular 2 组件？

Question

我正在使用 angular 2 和 angular 2 material。到目前为止，我一直在使用 css 进行样式设置，但我希望使用此代码笔中所示的复选框，例如：https://codepen.io/Sambego/pen/zDLxe 它涉及 scss & 我不知道我应该把这个 scss 代码放在哪里以及如何放。这是我的 subject.component.ts：

@Component({
    selector: 'subjects',
    templateUrl: 'app/subjects.component.html' ,
    styleUrls: ['app/app.component.css'],
    directives: [ MdButton,MdCard,MdToolbar,MdIcon,MdInput,MD_INPUT_DIRECTIVES,MdCheckbox,ProfileDetailsComponent,AgreementComponent,ROUTER_DIRECTIVES],
     providers:[MdIconRegistry]
})

Answer 1

如果你不想在你的文件系统中使用 scss 并且只需要从代码笔中获取什么，那么我建议使用这个不错的网站 http://www.sassmeister.com/ 复制并粘贴scss 到左侧，然后您可以将 css 从右侧复制并粘贴到您的代码

此外，codepen 提供了查看已编译 css 代码的选项，它位于 css 部分

右侧的下拉列表中

编辑：

刚刚尝试复制并粘贴到 sassmeister 网站...没有完成，使用编译到 css 的内置 codepen 操作，然后将其复制并粘贴到您的代码中

是否可以将 .css 和 .scss 文件都用于 angular 2 组件？

Is it possible to use .css & .scss files both for an angular 2 component?

css

sass

angular2-material

angular