romanslonov/webpack4-multipage-boilerplate

🚀 Simple yet, powerful boilerplate using postcss and webpack 4 for building multi-page websites

webpack4-multipage-boilerplate

This is a simple boilerplate for using webpack 4 with pug and POSTCSS to build multi-page website.

Why?

Time to time you need to build a not SPA web application but triditional multiple page website. But you still need toolkit such as Webpack, Babel (to use js advanced goodies like ES6/ES7) and so on. So I build this boilerplate that helps to kick off a new project for anyone 🎉

Features

1. webpack 4: JavaScript module bundler
2. babel 7: Use next generation JavaScript today
3. postcss: A tool for transforming styles
4. eslint: The pluggable linting utility for JavaScript and JSX

Boilerplate structure

build/                codes related to building and dev-server
src/
|- assets/            assets (optional)
|- css/               stylesheets of an app
|- pages/             folder contains pages for the project
|  |- index.html      html page
|  |- index.js        entry point for this page

webpack4-multipage-boilerplate's Issues

How to detect new pages?

When I run the command "npm start" everything is fine. But when I create new folders and new files, I need to run "npm start" again to detect changes.

Is it possible to detect changes without restarting the project?

Thanks

respect!!