node package manager

grunt-webpack

Use webpack with grunt.

grunt-webpack Build Status codecov

This is the readme for version 2.0 which is currently available as beta version. For the 1.0 readme visit here.

Use webpack with grunt.

Getting Started

Install this grunt plugin next to your project's Gruntfile.js with:

npm install grunt-webpack --save-dev

Then add this line to your project's Gruntfile.js gruntfile:

grunt.loadNpmTasks('grunt-webpack');

Tasks

There are two tasks available

Configuration Example

webpack: {
  someName: {
    // webpack options 
    entry: "./client/lib/index.js",
    output: {
        path: "asserts/",
        filename: "[hash].js",
    },
 
    stats: {
        // Configure the console output 
        colors: false,
        modules: true,
        reasons: true
    },
    // stats: false disables the stats output 
 
    storeStatsTo: "xyz", // writes the status to a variable named xyz 
    // you may use it later in grunt i.e. <%= xyz.hash %> 
 
    progress: false, // Don't show progress 
    // Defaults to true 
 
    failOnError: false, // don't report error to grunt if webpack find errors 
    // Use this if webpack errors are tolerable and grunt should continue 
 
    watch: true, // use webpacks watcher 
    // You need to keep the grunt process alive 
 
    watchOptions: {
        aggregateTimeout: 500,
        poll: true
    },
    // Use this when you need to fallback to poll based watching (webpack 1.9.1+ only) 
 
    keepalive: true, // don't finish the grunt task 
    // defaults to true for watch and dev-server otherwise false 
 
    inline: true,  // embed the webpack-dev-server runtime into the bundle 
    // Defaults to false 
 
    hot: true, // adds the HotModuleReplacementPlugin and switch the server to hot mode 
    // Use this in combination with the inline option 
 
  },
  anotherName: {...}
}

grunt-webpack uses the webpack options.

License

Copyright (c) JS Foundation

MIT (http://opensource.org/licenses/mit-license.php)