Angular - improving webpack performance

[Scott Waye]

Hi, not very familiar with the webpack tool, but its slow to build my SPA using VS2017 and JavaScriptServices, about 50 seconds.  Is there some way to cache the webpack output for the Telerik angular modules/css?  Specifically the requests :

 

Microsoft.AspNetCore.Hosting.Internal.WebHost: Information: Request starting HTTP/1.1 GET http://localhost:52626/dist/main.css?v=lTMQDsn6qiFEshoAdXck56k4BIPX0Y7qdkml_OMV67E
Microsoft.AspNetCore.Hosting.Internal.WebHost: Information: Request starting HTTP/1.1 GET http://localhost:52626/dist/main-client.js?v=9miPYLaRFn3FUiIl4DMnHaXSLA7W1TNPUmhx5OdN8Jw

 seem to be part of the problem as the response are:

 

Microsoft.AspNetCore.Hosting.Internal.WebHost: Information: Request finished in 39309.1692ms 200 text/css; charset=UTF-8
Microsoft.AspNetCore.Hosting.Internal.WebHost: Information: Request finished in 41590.2456ms 200 application/javascript; charset=UTF-8

 

This is the start of the webpack output:

Microsoft.AspNetCore.NodeServices: Information: webpack built e833ab89a2ae6f1de16b in 47695ms
Microsoft.AspNetCore.NodeServices: Error: Hash: e833ab89a2ae6f1de16b
Version: webpack 2.7.0
Time: 47695ms
             Asset      Size  Chunks                    Chunk Names
    main-client.js   7.25 MB       0  [emitted]  [big]  main-client
          main.css    456 kB       0  [emitted]  [big]  main-client
main-client.js.map    8.2 MB       0  [emitted]         main-client
      main.css.map  85 bytes       0  [emitted]         main-client
chunk    {0} main-client.js, main.css, main-client.js.map, main.css.map (main-client) 6.49 MB [entry] [rendered]

 

Sorry I don't really know more precisely what the problem is, just trying to get a fast build environment for VS2017+Telerik Angular.  Note that I'm using the JavaScriptServices over the CLI as I have a many plain c# projects in the solution.

[Stefan]

Hello Scott,

Thank you for the provided information.

Based on that it seems that this is related to how fast the Webpack library is handling the bundling of the files. If this is correct, the Kendo UI team has no control over how fast it is processed.

I can recommend asking a question on the Webpack related forums or in StackOverflow, as people more familiar with the Webpack infrastructure can assist:

https://stackoverflow.com/search?q=webpack

If they advise that there is something with a low performance from the Kendo UI modules, we will be happy to investigate and provide a better solution.

Also, please advise if the application is using Kendo UI for jQuery or Kendo UI for Angular 2+ as the Angular 2+ team has more information for the integration with Webpack and can provide additional insight if that is the used product:

http://www.telerik.com/kendo-angular-ui/

Regards,
Stefan
Progress Telerik