https://github.com/agontuk/babel-plugin-vue-jsx-hot-reload

Babel plugin for hot reloading Vue 2.0 JSX components
https://github.com/agontuk/babel-plugin-vue-jsx-hot-reload

babel-plugin hot-reload jsx vuejs2

Last synced: 22 days ago
JSON representation

Babel plugin for hot reloading Vue 2.0 JSX components

• Host: GitHub
• URL: https://github.com/agontuk/babel-plugin-vue-jsx-hot-reload
• Owner: Agontuk
• License: mit
• Created: 2017-02-02T16:17:37.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-02-02T16:18:51.000Z (almost 8 years ago)
• Last Synced: 2024-10-14T23:20:13.757Z (22 days ago)
• Topics: babel-plugin, hot-reload, jsx, vuejs2
• Language: JavaScript
• Size: 5.86 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# babel-plugin-vue-jsx-hot-reload

Babel plugin for hot reloading Vue 2.0 JSX component.

> This plugin only works with Vue 2.0 JSX and it's in very early stage. Use this for development only.

## Installation

```shell

npm install --save-dev babel-plugin-vue-jsx-hot-reload

```

## Usage

In your `.babelrc`:

``` json

{

  "plugins": [

        ["vue-jsx-hot-reload", { "debug": false }]

    ]

}

```

Then write your component like this

``` js

// You can't use export default { render(h) {} } directly

const Component = {

    prop: {....},

    render(h) {

        return (

            
Hello World

        );

    }

};


export default Component;

// That's it !!

```

## Options

Setting `debug: true` will log the JSX component name in terminal

## License

MIT