fis3-parser-browserify v1.0.9

fis3 编译插件 .

集成

• browserify
• browserify-incremental
• partialify
• eslintify
• shimixify

• bundle-collapser

• babelify

• babel-preset-env
• babel-preset-react
• babel-preset-stage-0
• babel-plugin-transform-runtime
• babel-plugin-transform-object-assign

编译 es2015, react , 支持 babel stage-1 环境

项目根目录下必须要有package.json

//fis-conf.js

//development 环境 debug：true
fis.once('compile:start', function(file) {
  if (fis.project.currentMedia() != "dev") {
    process.env.NODE_ENV = 'production';
  }else{
    process.env.NODE_ENV = 'development';
  }
});

// 使用

fis.match('app.js',{
  parser: fis.plugin('browserify')
});


//可选参数, 高级配置

fis.match('app.js',{
  parser: fis.plugin('browserify',{
    option:{
      shims:{ //设置垫片   
        'react':'window.React',
        'react-dom' :'window.ReactDOM',
        'react-router': 'window.ReactRouter',
        'antd': 'window.antd'
      },
      requires: [
        {path:'jQuery', expose: 'jQuery'}   //暴露内部模块 方便 外部js var $ = require('jQuery')
      ],
      externals: ['react', 'reactDOM'], //申明外部模块, 不打包入app.js
      externalRequireName: 'req', // 外部引用模块方法名, 默认: require 设置为req后 require 外部模块:  var $ = req('jQuery');
      umd: 'app'  // 默认undfined ,  设置名字后 .umd打包  单独引用的时候, 可以访问 window.app
    }
  })
});