告诉 Angular 服务 `styles.css` 而不是 `styles.scss`
Telling Angular to serve `styles.css` instead of `styles.scss`
在此 web container stackblitz demo 中，如果我们单击 Chrome 开发人员工具中呈现的按钮元素，我们可以看到生成的 styles.css.
这是截图。
当我尝试在 Angular CLI 项目中做同样的事情时，Angular 将提供 styles.scss 文件，而不是 styles.css.
这是截图。
在处理基于本地 CLI 的项目时，有没有办法告诉 Angular 服务 styles.css 而不是 styles.scss？
一些想法：
- 当您生成项目时；你可以告诉它使用 CSS 而不是 SCSS。可能有一种方法可以在 Angular.json.
中将项目从 SCSS 切换到 CSS
- 如果您创建并部署生产版本；它不应包括源映射；因此，您可能会在开发人员工具中看到 CSS 个文件。
边缘
当您在 Edge 中的开发工具的样式选项卡中单击它打开 styles.scss 时，您可以 select 您想要的格式在它呈现给您的样式表上方的选项卡中。我看不到它，您可以单击 >> 箭头以在下拉列表中显示该选项。
但是，您只会在那里看到全局样式。 不是组件样式。
点击右边的styles.scss：
Select 您喜欢在选项卡中显示的任何内容：
Chrome
转到 devtools 设置并禁用 CSS sourcemaps。 （第二列，最后一个复选标记旁边。）
现在您只会在样式选项卡的右侧看到 styles.css。
如果我理解正确，您正试图根据您的配置提供不同的样式表 运行。
您可以通过 angular.json 配置文件配置要包含在 Angular 构建中的全局样式表：
https://angular.io/guide/workspace-config#styles-and-scripts-configuration
您可以通过在本地为 运行ning 您的项目创建配置并将 .scss 文件替换为 .css 文件来实现此目的。
在此 web container stackblitz demo 中，如果我们单击 Chrome 开发人员工具中呈现的按钮元素，我们可以看到生成的 styles.css.
这是截图。
当我尝试在 Angular CLI 项目中做同样的事情时，Angular 将提供 styles.scss 文件，而不是 styles.css.
这是截图。
在处理基于本地 CLI 的项目时，有没有办法告诉 Angular 服务 styles.css 而不是 styles.scss？
一些想法：
- 当您生成项目时；你可以告诉它使用 CSS 而不是 SCSS。可能有一种方法可以在 Angular.json. 中将项目从 SCSS 切换到 CSS
- 如果您创建并部署生产版本；它不应包括源映射；因此，您可能会在开发人员工具中看到 CSS 个文件。
边缘
当您在 Edge 中的开发工具的样式选项卡中单击它打开 styles.scss 时，您可以 select 您想要的格式在它呈现给您的样式表上方的选项卡中。我看不到它，您可以单击 >> 箭头以在下拉列表中显示该选项。
但是，您只会在那里看到全局样式。 不是组件样式。
点击右边的styles.scss：
Select 您喜欢在选项卡中显示的任何内容：
Chrome
转到 devtools 设置并禁用 CSS sourcemaps。 （第二列，最后一个复选标记旁边。）
现在您只会在样式选项卡的右侧看到 styles.css。
如果我理解正确，您正试图根据您的配置提供不同的样式表 运行。
您可以通过 angular.json 配置文件配置要包含在 Angular 构建中的全局样式表：
https://angular.io/guide/workspace-config#styles-and-scripts-configuration
您可以通过在本地为 运行ning 您的项目创建配置并将 .scss 文件替换为 .css 文件来实现此目的。