Awesome Open Source
Awesome Open Source

Static html pages with Webpack 5

Build Status js-standard-style GitHub issues GitHub last commit

> PREVIEW LIVE

This is a forkable example of a static website (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/

  • Webpack4 implementation can still be found on a separate branch webpack4

Prerequisites

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)

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


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,541,393
Html (425,895
Css (214,660
Webpack (9,666
Npm (5,667
Webpack4 (1,139
Static Website (215
Webpack5 (172
Related Projects