https://github.com/lunelson/penny

JavaScript ES6, Sass and Pug "on-the-fly" server built on Connect / Browser-Sync
https://github.com/lunelson/penny

browser-sync connect es6 live-reload node pug rollup sass

Last synced: 10 months ago
JSON representation

JavaScript ES6, Sass and Pug "on-the-fly" server built on Connect / Browser-Sync

• Host: GitHub
• URL: https://github.com/lunelson/penny
• Owner: lunelson
• License: mit
• Created: 2017-11-16T15:39:59.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2020-03-07T16:35:43.000Z (almost 6 years ago)
• Last Synced: 2025-04-18T07:50:08.406Z (10 months ago)
• Topics: browser-sync, connect, es6, live-reload, node, pug, rollup, sass
• Language: JavaScript
• Homepage:
• Size: 3.89 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


# penny 
 a zero-config on-the-fly-compiling dev server 
...which also builds and is configurable

[![npm published v](https://img.shields.io/npm/v/@lunelson/penny.svg)]()

[![dependencies](https://david-dm.org/lunelson/penny.svg)]()

[![node supported v](https://img.shields.io/node/v/@lunelson/penny.svg)]()

```sh

npm install -g @lunelson/penny

```

Penny is not another bundler. It is an on-request in-memory-compiling live-reloading server for development, and a static-site builder for production. It avoids the pain of build-tool configuration, and the wasted time of full-site rebuilds.

* Pug.js, Libsass (via node-sass) and Babel/Webpack as view-engines

* Advanced helper functions incl. data-loading in templates and stylesheets

* Sourcemaps, file-watching and live-reloading in development; minification and purging in production

```sh

# given this structure...

# .

# ├── out

# └── src

#     ├── index.pug

#     ├── main.js

#     └── main.scss

# run this to serve /src live on localhost:3000

penny serve src

# ...or run this to build from /src to /out...

penny build src out

# ...and get this structure

# .

# ├── out

#     ├── index.html

#     ├── main.js (es5)

#     └── main.css

# └── src

#     ├── index.pug

#     ├── main.js (es6)

#     └── main.scss