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/
- Install
node
(comes withnpm
). Suggested version expressed in .nvmrc file.
npm i
- install dependenciesnpm start
- start development servernpm 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
ornpm run preview
)
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
npm run build
to preparehtml
,css
,js
files indist/
directorynpm 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/
- @lifenautjoe and his webpack-starter-basic