Angular 2样式在dev-tools中没有显示我想要的样子

Question

我正在开展一个有角度的2项目并且遇到了这个问题：

1. 我使用sass将我的样式编译为压缩的css：
2. 然后我在我的组件中获取css文件：

3. 样式代码有效。但是，当我检查开发工具时，它看起来像这样： （注意＆＃34; <style>...</style>＆＃34;最后）

4. 现在，我的问题是我希望样式显示如下：

任何知道我如何解决这个问题的人？

Answer 1

如果您使用的是Angular CLI，则可以将--extract-css true标志添加到CLI命令，

$ ng s -o --extract-css true

通过这种方式，您将获得指向CSS行的链接，以便可以深入研究它。