https://github.com/blikblum/incremental-bars-loader

Webpack loader for incremental-bars, an Handlebars backend for incremental-dom
https://github.com/blikblum/incremental-bars-loader

handlebars incremental-dom

Last synced: about 1 month ago
JSON representation

Webpack loader for incremental-bars, an Handlebars backend for incremental-dom

• Host: GitHub
• URL: https://github.com/blikblum/incremental-bars-loader
• Owner: blikblum
• Created: 2017-06-08T23:36:06.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-06-09T00:54:36.000Z (over 7 years ago)
• Last Synced: 2024-10-29T09:13:56.356Z (3 months ago)
• Topics: handlebars, incremental-dom
• Language: JavaScript
• Homepage:
• Size: 4.88 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# incremental-bars loader

Webpack loader for [incremental-bars](https://github.com/atomictag/incremental-bars), an Handlebars backend for [incremental-dom](https://github.com/google/incremental-dom)

### Configuration

```javascript

//webpack.config.js

  ...

  module: {

    rules: [

      ...

      { 

        test: /\.handlebars$/, 

        use: ['babel-loader', 'incremental-bars-loader'] 

      }

    ]

  },

  // workaround to a webpack issue: https://github.com/webpack-contrib/css-loader/issues/447

  node: {

    fs: 'empty'

  }

```

### Usage

```javascript

import template from 'mytemplate.handlebars'

import IncrementalDOM from 'incremental-dom'

let el = document.getElementById('to-render')

let data = {name: 'Hello', message: 'world'}

IncrementalDOM.patch(el, template, data)

```

See a complete application [example](https://github.com/blikblum/marionette.renderers/tree/master/examples/idom-handlebars)