🍚 static resources front-end storage solving strategy
JavaScript Other
Latest commit 53f989e Jan 19, 2017 @classicemi classicemi committed on GitHub Merge pull request #26 from classicemi/develop
fix doc multipage href



npm npm license GitHub stars

🍚 static resources front-end storage solving strategy



Quick Start

For those resources that need to be cached, you do not have to insert script tags to the pages. Just write a little piece of JavaScript and bowl will take care of it.

var bowl = new Bowl()
  { url: 'dist/vendor.[hash].js', key: 'vendor' },
  { url: 'dist/app.[hash].js', key: 'app' },
  { url: 'dist/style.[hash].css', key: 'style' }
bowl.inject().then(() => {
  // do some stuff

bowl will add these resources to cache(currently localStorage). whenever the url of the resources get modified, bowl will update the files in the cache. For more useful functions of bowl, just checkout the API document.

Development Setup

After cloning the repo, run:

$ yarn install # yep, yarn is recommended. :)

Commonly used NPM scripts:

# watch and auto rebuild lib/bowl.js and lib/bowl.min.js
$ npm run dev

# watch and auto re-run unit tests in Chrome
$ npm run test:unit

# build all dist files
$ npm run build