Efficient Static Assets Pipeline with Webpack
To be successful, a large single-page application has to be maintainable, reliable and performant. Maintainability is achieved by modularization and breaking down the code into hundreds of small and cohesive JavaScript and CSS files.
Performance implies concatenation of this plethora of files into a few bundles and on-demand loading on Production.
Reliability requires you to ensure your dev and production environments are as similar as possible.
At Hootsuite we managed to reconcile those incompatible requirements by designing a robust static assets pipeline with Webpack, an open source static assets bundler.
During this talk, I'll explain how it compares to RequireJS and Browserify both in terms of performance and ease of use, walk you through its main assets like code-splitting, clever static analysis, automatic reloading in the dev environment, detection of shared code across bundles... I'll show how we put them to use to reduce the size of our bundles, improve our page load time and our JavaScript cyclomatic complexity.
Alexandrine Boissiere
http://dx.doi.org/10.1145/2742580.274...
Watch video Efficient Static Assets Pipeline with Webpack online, duration hours minute second in high quality that is uploaded to the channel Association for Computing Machinery (ACM) 01 April 2015. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 5,151 times and liked it 47 visitors.
