Skip to content
Compile JSX file to HTML (react demo)
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
examples
lib
static
views
.editorconfig
.eslintignore
.eslintrc.js
.gitignore
README.md
gh-pages.js
gulpfile.js
index.js
package.json

README.md

gulp-jsx2example

npm version npm download

Compile JSX file to HTML (REPL)

Usage

return gulp
  .src(sourceFiles)
  .pipe(jsx2example(options[, updateWebapckConfig(config):Object]));

Options

{
  readme: 'README.md',      // readme file name, content will be render to index.html
  package: 'package.json',  // package file name, access repository information 
  cwd: process.cwd(),
  externalReact: false,     // when `true` don't bundle *react* *react-dom* library, 
                            // speed up webpack compiler time
  production: false         
}

If production true, Will replace gulp entry files content match :

  • new RegExp('(["\']' + pkg.name + ')\/src\/', 'g') => $1 + '/lib/'
  • new RegExp('(["\']' + pkg.name + ')\/assets\/([^.\'"]+).less', 'g') => $1 + '/assets/' + $2 + '.css'

pkg is equal to the options.package

Example

You can reference this repository gulpfile.js

The examples floder published to http://react-component.github.io/gulp-jsx2example/

var jsx2example = require('gulp-jsx2example')

gulp.task('examples', ['clean:site'], function(){
  return gulp
    .src(['./examples/*.*'])
    .pipe(jsx2example()) // jsx2example(options)
    .pipe(gulp.dest('site/examples/'))
})
./
examples
├── es6module.jsx
├── jsfile.js
└── jsxfile.jsx

after

./
site
├── examples
│   ├── common.css
│   ├── common.js
│   ├── es6module.html
│   ├── index.html
│   ├── jsfile.html
│   └── jsxfile.html
└── index.html
examples
├── es6module.jsx
├── jsfile.js
└── jsxfile.jsx

Publish

gh-pages -d site

https://www.npmjs.com/package/gh-pages

You can’t perform that action at this time.