小编Ric*_*ros的帖子

如何重用我的Angular构建,这样我就不必为每个特定环境构建？

我们需要找到一种在Angular中运行时操作环境的方法!

我们为每个环境设置了设置,我们使用NG build --env = dev并为开发环境构建.如何更改QA,UAT和生产环境中的配置？

工具集:.Net Visual Studio Team Services,Angular 2

在运行时没有办法做到这一点吗？我们是否坚持构建时间/设计时间？

我们还可以考虑根据我们的网址选择具有后缀的环境吗？ https:// company-fancyspawebsite- qa .azurewebsites.net

PS:我们正在为每个环境使用Angular 2环境文件夹和应用程序设置文件.

我将 ~@angular/material/theming 导入到我的许多 .scss 文件中，以便我可以访问材质调色板。

更新到 Angular 9 后，我收到了以下构建警告：

超出 [.scss 文件路径] 的最大预算中的警告。202 kB 没有满足 6 kB 的预算，总共 208 kB。

大部分预算溢出来自导入 ~@angular/material/theming。将预算angular.json增加到 ~2-500kB 是否可以，这样做有什么缺点？

我正在尝试在scaleBand 上使用rescaleX 将缩放功能添加到分组条形图。

var x0 = d3.scaleBand()
    .rangeRound([0, width])
    .paddingInner(0.1);

var x1 = d3.scaleBand()
    .padding(0.05);

var zoom = d3.zoom()
  .scaleExtent([1, 8])
  .translateExtent([[0, 0], [width, height]])
  .extent([[0, 0], [width, height]])
  .on("zoom", () => { zoomed() });

...

function zoomed() {

    var t = d3.event.transform;
    var x0t = t.rescaleX(this.x0);
    var x1t = t.rescaleX(this.x1);

    ...
}

但t.rescaleX(this.x0)不适用于scaleBand，如何将缩放功能应用于scaleBand？

这是完整的 codepen分组条形图