JavaScript fuse-box BabelPlugin Examples

Example #1

File: fuse.js Project: teslamint/jews

const {
    FuseBox,
    BabelPlugin,
    BannerPlugin,
} = require('fuse-box');
const userscriptMetadataBlock = require('../src/userscript-metadata-block').default;

const babelPlugin = BabelPlugin({
    config: {
        presets: [
            ['env', {
                loose: true,
                useBuiltIns: true,
                targets: {
                    browsers: [
                        'last 2 Chrome versions',
                        'last 2 Firefox versions',
                        'last 2 Edge versions',
                    ],
                }
            }],
        ],
    },
});

const bannerPlugin = BannerPlugin(userscriptMetadataBlock);

const fuse = FuseBox.init({
    homeDir: './src/',
    outFile: './dist/just-news.user.js',
    plugins: [

Example #2

File: gulpfile.js Project: leeching/blueprint

const electron = require('electron-connect').server.create();

const fuseBox = new fsbx.FuseBox({
  homeDir: 'src/',
  sourceMap: {
    bundleReference: 'sourcemaps.js.map',
    outFile: './build/sourcemaps.js.map',
  },
  outFile: './build/bundle.js',
  plugins: [
    fsbx.JSONPlugin(),
    fsbx.BabelPlugin({
      config: {
        sourceMaps: true,
        presets: ['latest'],
        plugins: [
          'transform-react-jsx',
        ],
      }
    }),
    [
      fsbx.SassPlugin({ outputStyle: 'compressed' }),
      fsbx.CSSPlugin({ minify: false }),
    ],
  ],
});

gulp.task('bundle', () => {
  fuseBox.bundle('>index.js')
});