gulp-react-st

Gulp plugin for react-st npm module

Usage no npm install needed!

<script type="module">
  import gulpReactSt from 'https://cdn.skypack.dev/gulp-react-st';
</script>

README

gulp-react-st

Gulp plugin for https://github.com/redexp/react-separate-template

Build Status

Installation

npm install gulp-react-st

Usage

var gulp = require('gulp'),
    watch = require('gulp-watch'),
    plumb = require('gulp-plumber'),
    convert = require('./index');

gulp.task('react-st', function () {
    watch(['js/components/*.js', 'js/views/*.html'])
        .pipe(plumb())
        .pipe(convert({
            relativeHtmlDir: '../views',
            relativeJsDir: '../components',
            type: 'js'
        }))
        .pipe(gulp.dest('js/build'))
    ;
});

Options

  • relativeHtmlDir: [String|Function] - optional relative to current file path to html directory if current file have .js extension.
  • relativeJsDir: [String|Function] - optional relative path to js directory if current file extension is different to .js.
  • type: ["jsx"|"js"] - optional type of output file. If jsx then output file will have .jsx extension, if js then output jsx code will be converted to js code with react-tools module and extension will be .js. Default is jsx.

Relative file name should be the same with current file, so if menu.js then html should be menu.html. If relative paths not specified then plugin will look for relative file in same directory where current file.