Output CSS to different directory with ExtractTextPlugin

I’m using the ExtractTextPlugin to build a separate CSS file. It works great but I’d really like to output the CSS into a different directory than the JS:

module.exports = {
  entry: {
    module: "./source/javascripts/app.js",
  },
  output: {
    path: './source/built/',
    filename: 'app.js'
  },
  module: {
    loaders:[
      {
        test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader'
      },
      {
        test: /\.css$/,
        loader: ExtractTextPlugin.extract('style-loader', 'css-loader!postcss-loader')
      }
    ]
  },
  plugins: [
    new ExtractTextPlugin('app.css')
  ]
};

Currently both files go into ./source/built, is there a way to change this?

[iDVB]

This worked for me…

webpack: { // grunt-webpack
  options: {
    module: {
      loaders: [
        { test: /\.jsx?$/, exclude: /(node_modules|bower_components)/, loader: 'babel' }, // REACTJS FILES
        { test: /\.json?$/, exclude: /(node_modules|bower_components)/, loader: 'json' }, // JSON FILES
        { test: /\.scss$/, loader: ExtractTextPlugin.extract('css!sass?includePaths[]=' + bourbon, { publicPath: '../'}) }, // SASS & CSS FILES
        { test: /\.(jpe?g|png|gif|svg)$/i, exclude: /(node_modules|bower_components)/, loader: 'url?limit=1000&name=images/[hash].[ext]' } // IMAGES
      ]
    } 
  },
  dev: {
    entry: './<%= project.path.voter.assets %>/app/app.js',
    output: {
      path: './<%= project.path.voter.dist %>/',
      filename: 'js/voter.bundle.js'
    },
    plugins: [
      new ExtractTextPlugin('css/voter.bundle.css', {
        allChunks: true
      })
    ]
  }
}

[nerdgrass]

This actually was a similar problem I was facing and andreypopp’s answer solved it for me. Specifically, what worked for me was:

plugins: [
    new ExtractTextPlugin("./css/[name].css"),
  ],