Fly-webpack NPM

Webpack plugin for Fly.

Usage

Check out the documentation to see the available options.

Install

npm install -D fly-webpack

Example

You can pass webpack options in with the first argument, including watch which will greatly decrease compilation times:

export default function* () {

    let webpackConfig = {
        watch: true,
        output: {
            path: 'public'
        }
    }

    yield this
        .source("src/main.js")
        .webpack(webpackConfig)
}

Or just pass in your webpack.config.js:

export default function* () {
    yield this
        .source("src/main.js")
        .webpack( require('./webpack.config.js') )
}

If you would like to use a different version of webpack than the one this plugin uses, pass in an optional 2nd argument:

import webpack from 'webpack'

export default function* () {
    yield this
        .source("src/main.js")
        .webpack( require('./webpack.config.js'),  webpack)
}

Pass in 3rd argument if you want to access the stats outputted from webpack when the compilation is done:

export default function* () {
    yield this
        .source("src/main.js")
        .webpack({
          /* config */
        }, null, (err, stats) => {
          /* Use stats to do more things if needed */
        })
}

Multiple Entry Points

A common request is how to handle multiple entry points. You can continue to pass in an entry option in your typical webpack config like so:

export default function* () {
    yield this
        .source("src/main.js")
        .webpack({
                   entry: {
                           app: 'src/app.js',
                           test: 'test/test.js',
                   },
                   output: {
                       filename: '[name].js',
                   }
               })
}

Or you can handle this with passing multiple files to source like so:

export default function* () {
    yield this
        .source(["src/app.js", "test/test.js"])
        .webpack({
                   output: {
                       filename: '[name].js',
                   }
               })
}