Package Exports
- import-jsx
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (import-jsx) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
import-jsx 
Require and transpile JSX on the fly
- Doesn't install any
require()
hooks - Auto-detects React pragma (
React.createElement
) and falls back toh
pragma supported by Preact and others - Caches transpiled sources by default
- Bundles in object rest spread transform
Install
$ npm install --save import-jsx
Usage
const importJsx = require('import-jsx');
const reactComponent = importJsx('./react');
const preactComponent = importJsx('./preact');
const customComponent = importJsx('./custom', {pragma: 'x'});
react.js
const React = require('react');
module.exports = <div/>;
preact.js
const {h} = require('preact');
module.exports = <div/>;
custom.js
const x = (tagName, attrs, ...children) => {};
module.exports = <div/>;
API
importJsx(moduleId, [options])
moduleId
Type: string
Module id.
options
pragma
Type: string
Default: h
Override JSX pragma.
cache
Type: boolean
Default: true
Enable or disable caching of transpiled sources.
importJsx.create([options])
Factory method to create a version of importJsx()
with pre-defined options.
Useful when you need a custom pragma, but don't want to pass it along with each importJsx()
call.
options
Type: object
Options to pass to importJsx()
.
// Before
const importJsx = require('import-jsx');
importJsx('./a', {pragma: 'x'});
importJsx('./b', {pragma: 'x'});
// After
const importJsx = require('import-jsx').create({pragma: 'x'});
importJsx('./a');
importJsx('./b');
License
MIT © Vadim Demedes