sbt-webpack's Introduction

sbt-webpack

An sbt-web plugin for the webpack module bundler.

Add plugin

Add the plugin to project/plugins.sbt.

addSbtPlugin("com.github.stonexx.sbt" % "sbt-webpack" % "1.0.8")

Your project's build file also needs to enable sbt-web plugins. For example with build.sbt:

lazy val root = (project.in file(".")).enablePlugins(SbtWeb)

If you want to run the webpack before another task. For example with build.sbt:

WebKeys.pipeline := WebKeys.pipeline.dependsOn(webpack).value

From the sbt console:

Run webpack production mode with webpack or webpackProd
Run webpack development mode with webpackDev
Run webpack testing mode with webpackTest
Start watch mode with webpackWatch
Stop watch mode with webpackStop

Add webpack as a devDependancy to your package.json file (located at the root of your project):

{
  "devDependencies": {
    "webpack": "^1.14.0"
  }
}

Configuration

WebpackKeys.config in webpack := [location of config file]
WebpackKeys.config in webpackDev := [location of config file for development mode]
WebpackKeys.config in webpackProd := [location of config file for production mode]
WebpackKeys.config in webpackTest := [location of config file for testing mode]

(if not set, defaults to baseDirectory / "webpack.config.js")

You need to set the source filters to include the same resources that are matched by the module loaders. For example:

includeFilter in webpack := "*.js"
includeFilter in webpackDev := "*.js" // for development mode
includeFilter in webpackProd := "*.js" // for production mode
includeFilter in webpackTest := "*.js" // for testing mode

See how to include/exclude files in the source directory for how to configure this setting.

Make sure that this stays in sync with the webpack configuration otherwise sbt will not invalidate the cache and resources will not be regenerated correctly.