example-webpack-4

Just an example showing new awesome stuff Webpack 4 brings to the table.

Major Changes

1. Zero configuration: Webpack 4 doesn’t need a configuration file anymore.

   It will look in ./src/index.js as the default entry point. Moreover, it will expose the bundle in ./dist/main.js as the default output file.

2. production and development modes.

   Production mode enables all sorts of optimizations out of the box: minification, scope hoisting, tree-shaking and more.

   Development mode is optimized for speed and does nothing more than providing an un-minified bundle.

3. Transpiling ECMAScript 2015 with Babel.

   This isn't a feature per se, but just wanted to mention that loaders configuration still has to be done using webpack.config.js file.

Getting Started

• yarn
• yarn start // development build
• yarn build // to build once for production