fw

fly-webpack

Webpack plugin for Fly.

Showing:

Popularity

Downloads/wk

1

GitHub Stars

3

Maintenance

Last Commit

6yrs ago

Contributors

4

Package

Dependencies

5

Size (min+gzip)

236.4KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

Webpack plugin for Fly.

npm package

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',
                   }
               })
}

Release History

  • 1.0.9 - Update fly to 0.8.2
  • 1.0.8 - Add more tests
  • 1.0.6 - Add support for node@0.11
  • 1.0.5 - Add tests
  • 1.0.3 - Initial release

License

MIT © Andrew Sokolov et al

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial