@skyrpex/vue-jsx-loader

Webpack loader for Vue.js components with JSX render functions

Usage no npm install needed!

<script type="module">
  import skyrpexVueJsxLoader from 'https://cdn.skypack.dev/@skyrpex/vue-jsx-loader';
</script>

README

Vue JSX Webpack loader

This loader will allow to use JSX render functions along with HMR. Beware, it may have bugs.

Installation

npm install @skyrpex/vue-jsx-loader

Usage

// path/to/component.jsx
export default {
  render(h) {
    return <div>
      <p>Hello</p>
    </div>;
  },
};

// webpack.config.js
export default {
  // ...
  module: {
    loaders: [
      // Place the vue-jsx-loader before the babel-loader
      {
        test: /jsx$/,
        loader: '@skyrpex/vue-jsx',
      },
      {
        test: /jsx?$/,
        loader: 'babel',
      },
    ],
  },
};