This is a migrated thread and some comments may be shown as answers.

Webpack Asset Size Limit with Kendo Grid

1 Answer 282 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Keith
Top achievements
Rank 1
Keith asked on 30 May 2018, 07:55 AM

I am following the most basic example of using the Kendo React Grid from https://www.telerik.com/kendo-react-ui/components/grid/

I am using Webpack to bundle my files.  When I create a project with like the example above, the generated file is at /node_modules/@progress/kendo-react-grid/dist/es/main.js is 1.16 MB in size which is massive.  

My webpack.config.js file looks like

var path = require("path");
module.exports = {
    entry: {
        test: ['./src/test.jsx']
    },
    output: {
        publicPath: "/js/",
        path: path.join(__dirname, "/js/"),
        filename: "[name].js"
    },
    module: {
        rules: [{
            exclude: /node_modules/,
            loader: "babel-loader",
            query: {
                presets: ["es2015", "stage-0", "react"]
            }
        }]
    },
};

This file size makes it debugging in the browser dev tools almost impossible as the browser hangs.

I've used the React wrappers previously, the file sizes were tiny in comparison.

Is this expected or has something gone wrong in my setup?

 

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 31 May 2018, 06:02 AM
Hello, Keith,

Thank you for the details.

I made a fresh project using create-react-app and added the Grid package to it. The main.js file was only 681 bytes and the entire package was just 912KB. 

This will be further reduced once webpack was built it for production.

I attached the project with the packages for reference.

If possible, please provide the example where the performance issue is observed and we will gladly investigate further.

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
General Discussions
Asked by
Keith
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or