GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → jonataswalker → es6-sample-project

jonataswalker / es6-sample-project

Licence: MIT license
An ES6 sample project using Rollup, Bublé, Sass

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
Makefile
30231 projects

Labels

boilerplaterollup

Projects that are alternatives of or similar to es6-sample-project

motion-hooks
A simple Hooks wrapper over Motion One, An animation library, built on the Web Animations API for the smallest filesize and the fastest performance.
Stars: ✭ 93 (+220.69%)
Mutual labels:  rollup
bundle
An online tool to quickly bundle & minify your projects, while viewing the compressed gzip/brotli bundle size, all running locally on your browser.
Stars: ✭ 475 (+1537.93%)
Mutual labels:  rollup
bce.design
minimal magic, minimal tooling, essential dependencies, high productivity, no transpilations and no migrations. The Web Components starter ships with integrated lit-html, redux-toolkit and vaadin router components.
Stars: ✭ 67 (+131.03%)
Mutual labels:  rollup
mark.js
mark.js用于标记选中的文字，自定义插入标签
Stars: ✭ 27 (-6.9%)
Mutual labels:  rollup
web-config
A Rollup configuration to build modern web applications with sweet features as for example SCSS imports, Service Worker generation with Workbox, Karma testing, live reloading, coping resources, chunking, treeshaking, Typescript, license extraction, filesize visualizer, JSON import, budgets, build progress, minifying and compression with brotli a…
Stars: ✭ 17 (-41.38%)
Mutual labels:  rollup
hubble-contracts
Hubble optimistic rollup
Stars: ✭ 102 (+251.72%)
Mutual labels:  rollup
fliphub
the easiest app builder
Stars: ✭ 30 (+3.45%)
Mutual labels:  rollup
aria-vue
Testing tools for Vue components
Stars: ✭ 21 (-27.59%)
Mutual labels:  rollup
rollup-plugin-external-globals
Transform external imports into global variables like output.globals.
Stars: ✭ 57 (+96.55%)
Mutual labels:  rollup
cryptoformat
Javascript library to format and display cryptocurrency and money
Stars: ✭ 40 (+37.93%)
Mutual labels:  rollup
ontwik-ui
ontwik-ui - A headless UI library
Stars: ✭ 52 (+79.31%)
Mutual labels:  rollup
react-library-starter
A library starter kit and bundler for your React projects, powered by Rollup. ⚡
Stars: ✭ 22 (-24.14%)
Mutual labels:  rollup
pansy
🛠️ A zero configuration library bundler.
Stars: ✭ 14 (-51.72%)
Mutual labels:  rollup
angular2-pokedex
A Pokedex built on Angular with AoT, Tree Shaking, Rollup and TypeScript
Stars: ✭ 34 (+17.24%)
Mutual labels:  rollup
pocky-deprecated
rollup + nodemon = pocky
Stars: ✭ 30 (+3.45%)
Mutual labels:  rollup
rollup-plugin-lit-css
Moved to https://github.com/bennypowers/lit-css
Stars: ✭ 35 (+20.69%)
Mutual labels:  rollup
trample
A Web/Node General Utils Library
Stars: ✭ 36 (+24.14%)
Mutual labels:  rollup
prepublish
Simplifies the prepare step (bundling, transpiling, rebasing) during publishing NPM packages.
Stars: ✭ 21 (-27.59%)
Mutual labels:  rollup
ctx-core
A composable monorepo web-service/front-end toolkit
Stars: ✭ 25 (-13.79%)
Mutual labels:  rollup
size-plugin-bot
A Github bot for size-plugin
Stars: ✭ 76 (+162.07%)
Mutual labels:  rollup
View All Similar Projects ➔

es6-sample-project

NPM

An ES6 sample project using Rollup, Bublé (as a plugin), Sass (node-sass).

This package shows how to get started writing ES6 modules. The workflow is like this:

es6 flowchart

Why?

Because all these tools and how they fit together can be scary at the beginning.

Usage

$ git clone [email protected]:jonataswalker/es6-sample-project.git
$ cd es6-sample-project
$ npm install

Available tasks

Build (js && css) and Watch (for changes)

$ make build-watch

Build (js && css)

$ make build

Build JavaScript

$ make build-js

Includes make bundle-js make lint make uglifyjs make add-js-header

Build CSS

$ make build-css Includes make compile-sass make prefix-css make cleancss make add-css-header

Why Makefile?

Because it's just great.

Missing Tests?

For the sake of simplicity.

Final result

See here a demo.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].