Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/reverb6821/webpack-server

This is my boilerplate that I use in my regular workflow for a webpack dev server for a automatic and real-time compiling
https://github.com/reverb6821/webpack-server

boilerplate github-pages html javascript pugjs sass webpack webpack-merge webpack-pug-sass webserver

Last synced: about 5 hours ago
JSON representation

This is my boilerplate that I use in my regular workflow for a webpack dev server for a automatic and real-time compiling

Awesome Lists containing this project

README

        

# What is

This is my boilerplate that I use in my regular workflow for a webpack dev server for a automatic and real-time compiling

# Project structure
```
.
├── config
│ ├── webpack.common
│ ├── webpack.dev
│ └── webpack.prod
├── src
│ ├── assets
│ | ├── fonts
│ | └── images
│ ├── js
│ ├── pug
│ | ├── base
│ | ├── partials
│ | └── pages
│ ├── styles
│ | ├── base
│ | ├── components
│ | ├── layouts
│ | ├── pages
│ | └── styles
├── README.md
└── package.json

```

All files are in the src folder, it includes assest, css, images, js, sass and pug folders.

- assets : some static files, e.g. fonts, svg ...etc.
- js : entry point index.js is here, and you also can put other customize js files
- styles : put your sass files here, you can manage this folder structure for your own
- pug : pug template files, you can use a different layout for extends

The file in config folder are webpack 5.x config setting, to handle Pug + Sass into HTML files.

# Getting started

You can clone this repo or fork it.

If you fork it, when you create a new repo select this as starting template