用amcharts4破坏样式

Question

我试图像这样在vue组件中导入import的部件：

import * as am4core from "@amcharts/amcharts4/core";
import * as am4charts from "@amcharts/amcharts4/charts";

但是它破坏了站点的样式:最终的css文件只包含/* (ignored) *//* (ignored) *//* (ignored) */，而不是实际的样式。我发现了一个具有相同问题的github上的线程，但是它几乎没有任何分辨率。

有人能帮我找出这种行为的原因和实际的解决办法吗？

图表： 4.10.5；Webpack: 4.43.0

Answer 1

所以，我找到了一个解决办法。

您需要删除那些生成的文件(如果它们是创建的)：

public/vendors~xlsx.js
public/xlsx.js
public/vendors~pdfmake.js
public/vendors~canvg.js

将此添加到webpack配置中(对于laravel-mix，在mix.webpackConfig({...})结构中添加以下内容)：

{
  externals: function (context, request, callback) {
    if (/xlsx|canvg|pdfmake/.test(request)) {
      return callback(null, "commonjs " + request);
    }
    callback();
  }
}

更多细节是这里。