Turns JSX into virtual-hyperscript
npm install babel-plugin-transform-h-jsxTurns JSX into
virtual-hyperscript
via Babel.
This repo is essentially transform-react-jsx except it passes children as an
array instead of as additional arguments. You can
read
more
about this problem if
you like.
npm install --save-dev babel-plugin-transform-h-jsx
Add transform-h-jsx as a plugin in your babel config.
{
"plugins": ["transform-h-jsx"]
}
* pragma (default: 'h')
In your webpack.config.js file:
module.exports = {
output: {
path: __dirname + "/dist/js",
filename: "browser.js"
},
context: __dirname + "/src",
entry: "./browser",
module: {
loaders: [
{
test: /\.jsx?$/,
include: __dirname + '/src',
loader: "babel-loader",
query: {
plugins: [
["transform-h-jsx"],
["syntax-jsx"]
]
}
}
]
},
resolve: {
extensions: ['', '.js', '.jsx', '.json']
}
};