Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/martypdx/simple-ractive-bundling

Simple ractive bundling using gobble and rollup
https://github.com/martypdx/simple-ractive-bundling

Last synced: about 10 hours ago
JSON representation

Simple ractive bundling using gobble and rollup

Awesome Lists containing this project

README

        

# Simple Ractive Bundling

This is a simple build script for bundling RactiveJS components
using [Gobble](https://github.com/gobblejs/) and [Rollup](https://github.com/rollup/rollup).

It is designed for quick drop-in replacement for projects that are using traditional web ``
inclusion of global libraries and have been either putting
Ractive templates inline or via [Ractive.load()](https://github.com/ractivejs/ractive-load).

## Getting setup

All of the dependencies in the `package.json` either need to be installed
via `npm init` if using the `package.json`, or just install via:

```sh
> npm install gobble-cli
```

And then run:

```sh
> gobble build -f dist
```

And gobble will prompt you to install the additional dependencies.

## Settings

* Output is controlled via 1) the folder you specify as the last parameter of the `gobble` command (`dist` in the example above), and 2) the file name is set on line 42 of the `gobblefile.js`.

* It assumes a folder named `components` with single-file ractive components. You can change the folder name on line 25 of the `gobblefile.js`.

## Consuming the output

Include the `bundle.js` after Ractive:

```html
<script src='http://cdn.ractivejs.org/latest/ractive.min.js'>

```

## Example

See `index.html` for example of running included components.