Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/waldenliang/pug-static-pages-starter

Build a static websit with webpack and pug template engine.
https://github.com/waldenliang/pug-static-pages-starter

bootstrap css html multi-pages postcss pug starter-template static-website stylus template webpack

Last synced: about 10 hours ago
JSON representation

Build a static websit with webpack and pug template engine.

Awesome Lists containing this project

README

        

# pug-static-pages-starter
Build a static website with webpack and pug template engine. And it can help you make multipage HTML development suck less.

[Live demo](http://ethereal-flight.surge.sh/home.html)

![snapshot](./home_snapshot.png)

## Feature List
- Bundle all your assets with webpack
- Use pug as a template engine
- live-reload
- Code splitting
- Multiple pages website
- Preprocess CSS with stylus and PostCSS
- Automatically build HtmlWebpackPlugin instance
- Use bootstrap & JQuery
- Use font-awesome

## Directory structure
```
.
├── dist
├── src
│ ├── assets
│ │ ├── images
│ │ └── fonts
│ ├── components
│ │ ├── footer.pug
│ │ └── header.pug
│ ├── css
│ │ ├── base.styl
│ │ └── variables.styl
│ ├── js
│ │ └── main.js
│ ├── layouts
│ │ └── default.pug
│ └── pages
│ ├── about.pug
│ ├── contact.pug
│ └── home.pug

├── .babelrc
├── .postcssrc.js
├── webpack.config.js
└── package.json
```

## License
[MIT](https://github.com/WaldenLiang/pug-static-pages-starter/blob/master/LICENSE)

Copyright (c) 2020 waldenliang