时间戳

首页 > 解决方案 > Angular 7 样式表仅在开发配置中

angular - Angular 7 样式表仅在开发配置中

问题描述

我有一个src/styles/debug.scss文件只为开发人员添加一些小助手样式，但这些不应该在生产中显示。仅在开发模式下包含此样式表的最佳方法是什么？

我在里面尝试了一些东西angular.json，但还没有运气。

在root > projects > {project-name} > architect > build > configurations我认为我可以添加以下内容的级别

"development": {
  "styles": [
    "src/styles/debug.scss"
  ]
}

但这似乎无济于事。我在这里缺少什么吗？

标签： angular

解决方案

您已经完成了一半（假设目标是使用ng serve）。

您所做的是定义了一个development配置，您可以选择将其包含在ng build命令中，以在构建工件中包含调试样式。
您应该能够使用ng build --configuration=development并验证其行为是否符合预期来运行此构建。

下一步是为以构建配置development为ng serve目标的命令定义配置。development使用以下内容进行更新root > projects > {project-name} > architect -> serve（替换为您的 {project-name}）：

"development" {
  "browserTarget": "{project-name}:build:development"
}

现在，您应该能够运行ng serve --configuration=development并包含您的调试样式。

推荐阅读