Webpack：CSS应用程序/供应商代码拆分

Question

尽管网上有很多搜索，我找不到一个允许CSS包拆分的webpack配置的工作示例（app.css和vendor.css，就像Ember.js一样）。但是没有JavaScript的问题。目前我将Normalize.css作为NPM包，我想转移到vendor.css，而不是app.css。

这是我的档案：

var webpack = require('webpack');
var autoprefixer = require('autoprefixer');
var ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
  entry: {
    html: './app/index.html',
    javascript: './app/app.js',
    vendor: ['react', 'react-dom']
  },
  module: {
    loaders: [
      { test: /\.html$/, loader: 'file?name=index.html' },
      { test: /\.scss$/, loader: ExtractTextPlugin.extract('style', 'css!sass!postcss') },
      { test: /\.js$/, exclude: /node_modules/, loaders: ['react-hot', 'babel?presets[]=es2015&presets[]=react'] },
      { test: require.resolve('react'), loader: 'expose?React' }
    ],
  },
  postcss: [ autoprefixer({ browsers: ['last 2 versions'] }) ],
  plugins: [
    new ExtractTextPlugin('app.css'),
    new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.js')
  ],
  output: {
    path: './dist',
    filename: 'app.js'
  },
  devServer: {
    port: 8000
  }
}

提前致谢！