Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/brocessing/bro-start

:red_car::dash: Blazing fast webpack setup for static websites
https://github.com/brocessing/bro-start

babel handlebars javascript sass static-site webpack webpack3 workflow

Last synced: 4 days ago
JSON representation

:red_car::dash: Blazing fast webpack setup for static websites

Awesome Lists containing this project

README

        




brostart


bro-start


Blazing fast webpack setup for static websites




License









### :unamused: Why another frontend setup?

Webpack is a nice, easily customizable module bundler.

It pairs nice with modern javascript frameworks like Vue or React but it's a hassle when it comes to compile some good old html files. :older_man:
_Bro-start_ combines for you the coolest webpack features with a simple static file generator.





### :santa: I want my bro-start setup!

```sh
svn export https://github.com/brocessing/bro-start/trunk bro-start
cd bro-start
yarn install
# Yarn is FAST ! But npm install will do the job as well.
```

You can also [download the latest release](https://github.com/brocessing/bro-start/releases/latest)





### :handbag: Features

- Webpack 3
- SASS + PostCSS + Autoprefixer
- ES6 transpilation with babel + babel-preset-env
- Webpack Dev Server and Hot Reloading
- Static rendering from handlebars templates
- Easily configurable with multiple config files for each parts of the starter kit
- _autoPartials_ option to register all your handlebars partials automatically before any rendering
- BrowserSync and its features (localtunnel, xip.io, ...)
- Hash, publicPath from webpack is available as data in your layouts
- `deploy` script to push the build on a gh-pages branch, using `ghp`
- Linting with ESLint (and Standard plugin) and Stylelint
- Generate stats.json from your bundled js with `analyze` command





### :hammer: License
MIT.