webpack-defaults

Morse Webpack defaults

This module is for adding the Webpack defaults for Morse Projects

What's Webpack & Webpacker?

Webpack is a Javascript bundler for front-end code and assets, built in Node. In morse projects we use Rails default webpack gem webpacker and extends the related webpacker module

Why webpacker?

Something that comes out often particularly from Backender is frustration at the enviroment so it worth just understanding the benefits of the approach over older techniques like adding cdn versions and sprockets.

The frontend has become increasingly complex, from the multiple devices to the requirement of clients and users for more app like interfaces. While some of these can be managed with older approaches, managing the frontend code quickly becomes unmanagable and the performance of the site also can quickly become a problem.

Webpack allows us to add modules that helps with code management and optimising the code, which can greatly improve building frontends. The add to this it allows to through modules like Babel for Javascript and PostCSS for CSS allows to use future syntax and normalises it for older browser like IE11. This allows to write modern focused