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?