Webpack starter kit

Baseline configuration for Webpack

Takes HTML, CSS, and JS files (web/) and compiles them (public/) using Webpack. This is the webpack.config.js that I usually start with in new projects.

Features

You get these out of the box:

• Modern JavaScript (Babel)
• Modern CSS (PostCSS & cssnext)
• Development server (WebpackDevServer)
• Automatic browser reloading (LiveReloadPlugin)
• CSS linting (Stylelint)
• Plain HTML & images

Optional features (see EXTRAS.md):

• Sass
• Phoenix support
• React
• React hot module reloading

Installation

Get node.js and Yarn. Then download the files into your projects:

curl -L "https://github.com/rstacruz/webpack-starter-kit/archive/master.tar.gz" | tar xz
mv webpack-starter-kit-master/{yarn.lock,package.json,postcss.config.js,webpack.config.js,.stylelintrc,web/assets,web/css,web/js,web/html} .
rm -rf webpack-starter-kit-master

Updates

This kit is updated whenever I find something good to add; see HISTORY.md for a change log.

Thanks

webpack-starter-kit © 2016-2018, Rico Sta. Cruz. Released under the MIT License.
Authored and maintained by Rico Sta. Cruz with help from contributors (list).

ricostacruz.com  ·  GitHub @rstacruz  ·  Twitter @rstacruz