skress/webpack-esnext-boilerplate

Webpack ESNext Boilerplate

Webpack configuration and build scripts to deploy ES2015+ code to production (via <script type="module">) with legacy browser fallback support via <script nomodule>.

This boilerplate is an implementation of the techniques described in my article: Deploying ES2015+ Code in Production Today.

Usage

To view site locally, run the following command:

npm start

This will build all the source files, watch for changes, and serve them from http://localhost:8080. Make sure you open up the developer tools to view the console output.

To build the source files without watching for changes or starting a local server, run:

npm run build

development vs production environments

By default the build output is unminified. To generate minified, production-ready files, set NODE_ENV to production.

NODE_ENV=production npm run build

Features

To validate that this technique works for more than just simple, single-bundle sites, this boilerplate implements several advanced webpack features:

• Code splitting
• Dynamic imports
• Asset fingerprinting

To see how these feature manifest themselves in the generated files, view the public directory after running the build step.