使用Webpack覆盖默认的ChartJS变量

Question

我正在使用Webpack和ChartJS进行项目。我想覆盖ChartJS中的默认设置，但是由于我是Webpack的新手，所以我不确定如何执行此操作。

通常，我将在导入ChartJS之后添加以下代码：

Chart.defaults.global.tooltips.callbacks.label = function(tooltipItem, data){
  return data.datasets[tooltipItem.datasetIndex].label.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
}

但是，由于我使用的是Vue组件，因此我要大量导入ChartJS，并且通过将这段代码复制粘贴到使用ChartJS的每个文件中来覆盖默认值是没有意义的。

是否可以在Webpack配置中的某个地方覆盖此默认设置？

Answer 1

您应该能够更改ChartJS的全局设置，而不必在每个组件中都这样做。 如果您将其导入并更改为一个文件（例如，您的主要组件/页面），则可以按照您演示的方式更改设置，该设置将应用于将导入它的所有其他组件。 Webpack为您处理此事。

https://github.com/apertureless/vue-chartjs/issues/234