npm's personal messenger
    Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    wjsjtu-reactjspublic

    wjsjtu-reactjs v0.0.5

    Getting Started

    npm install wjsjtu-reactjs --save-dev

    Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

    grunt.loadNpmTasks('wjsjtu-reactjs ');

    Options

    wrapper

    Type: Boolean Default: false

    Turn on or off wrapper with default options. If an wrapper is specified, it uses replaceWord to replace React.createElement compiled code, for it often appears in compiled code, this will make the size of minified files smaller.

    prefix

    Type: String Default: "(function(React, window){"

    suffix

    Type: String Default: "})(React, window);"

    replaceWord

    Type: String Default: "__ReactCreateElement"

    It will generate ,with default prefix and suffix options, "(function(React, window){" + "var " + replaceWord + " = React.createElement;" + result + "})(React, window);" ,which wraps the code with closure to make it works better when using minify tools.

    Usage examples

    Basic usage

    This configuration will just use react-tools to transfer files using the default options.

    // Project configuration.
    grunt.initConfig({
      reactjs: [{
        src: ['src/input1.jsx', 'src/input2.jsx'],
        dest: 'dest/output.min.js'
      }]
    });

    Specify wrapper: true to wrap the compiled code.

    // Project configuration.
    grunt.initConfig({
      reactjs: {
         main:{
          files: [{
            src:"src/jsx/datepicker.jsx",
            dest: "dist/js/datepicker.js"
          }],
          options: {
            wrapper: true
          }
        }
     }
    });

    Specify prefix and suffix to work with AMD

    // Project configuration.
    grunt.initConfig({
      reactjs: {
         main:{
          files: [{
            src:"src/jsx/datepicker.jsx",
            dest: "dist/js/datepicker.js"
          }],
          options: {
            wrapper: true,
            prefix: "define([react], function(React){",
            suffix: "return datepicker; });"
          }
        }
     }
    });

    install

    npm i wjsjtu-reactjs

    Downloadsweekly downloads

    11

    version

    0.0.7

    license

    MIT

    repository

    githubgithub

    last publish

    collaborators

    • avatar