Skip to content
This repository was archived by the owner on Aug 8, 2019. It is now read-only.

usage with grunt

Tobias Koppers edited this page Jan 20, 2015 · 4 revisions

There is a grunt plugin for using webpack and the webpack-dev-server: grunt-webpack.

It's pretty simple to use:

module.exports = function(grunt) { grunt.loadNpmTasks("grunt-webpack"); grunt.initConfig({ webpack: { options: { // configuration for all builds }, build: { // configuration for this build } }, "webpack-dev-server": { options: { webpack: { // configuration for all builds }, // server and middleware options for all builds }, start: { webpack: { // configuration for this build }, // server and middleware options for this build } } }); };

Development

The best option for development is the webpack-dev-server, but it requires spawning a server. If this is not possible or too complex the normal build - watch cycle is possible too.

Example

Take a look at an example Gruntfile. It covers three modes:

  • webpack-dev-server
  • build - watch cycle
  • production build

Example Gruntfile

Clone this wiki locally