Static html pages with Webpack 4

> PREVIEW LIVE

This is a forkable example of static site (plain html/css/javascript) assembled with webpack. You could also use this repository as a template when creating a new one.

Article explaining how this example was created: https://www.ivarprudnikov.com/static-website-multiple-html-pages-using-webpack-plus-github-example/

Prerequisites

• Install node (comes with npm). Suggested version expressed in .nvmrc file.

Development

• npm i - install dependencies
• npm start - start development server
• npm test - run minimal tests (eg: lint javascript files)
• npm run cy:run - run Cypress functional/browser/e2e tests. Works only when running website locally (npm start or npm run preview)

Where are generated files?

In development mode webpack does not write generated files to disk, in order to change it switch devServer.writeToDisk to true in webpack.dev.js

Production

• npm run build to prepare html, css, js files in dist/ directory
• npm run preview - run build and serve production files locally

Production build is built on Travis CI and saved in gh-pages branch which in turn is hosted through Github pages https://ivarprudnikov.github.io/webpack-static-html-pages/

Credits

• @lifenautjoe and his webpack-starter-basic