amCharts4 with Laravel 5 and Webpack install

My app.js includes

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

am4core.useTheme(am4themes_animated);

global.am4core = am4core;
global.am4charts = am4charts;

but when I run 'npm run prod' is get some files for free in the public folder and not in the JS or vendor.js file

{
    "/pdfmake.js": "/pdfmake.js?id=d0a6da29476e4de28e6b",
    "/xlsx.js": "/xlsx.js?id=7ab8e9f81aba03ece776",
    "/canvg.js": "/canvg.js?id=0d856d9c1332184a2efa",
    "/responsivedefaults.js": "/responsivedefaults.js?id=9c990ec78c27b8c6757b",
    "/js/vendor.js": "/js/vendor.js?id=a6603ec4190d93af45aa",
    "/js/app.js": "/js/app.js?id=7498d4b9fad65af0270b",
    "/js/manifest.js": "/js/manifest.js?id=d200d5dda0ae7fcfb0d0",
    "/css/app.css": "/css/app.css?id=0f4c6190643de41af3ce"
}

is there a way to exclude pdfmake.js ,xlsx.js, canvg.js and responsivedefaults.js in Webpack as explained in https://www.amcharts.com/docs/v4/tutorials/preventing-vue-js-from-loading-external-libraries/ in a Vue situation

Sirik

7 years ago

Level 11

So, nobody?

1 like

rwdevguy

6 years ago

Level 11

@sirik Have a look at https://www.amcharts.com/docs/v4/getting-started/integrations/using-webpack/

If you scroll to the bottom of the page it’s explained there.

Basically, if you're not needing those files you can add the follow to your webpack.mix.js file:

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

1 like

Please or to participate in this conversation.