javascript - 単一の .js エントリ (インポートされた複数の .scss ファイル) から複数の .css ファイルを抽出できませんか?

Question

私はこの問題をextract-text-webpack-pluginで提起しましたが、このプラグインは現時点ではこの機能をサポートしていないようです (よくわかりません)。

次の例でmain.scssandhome.scssをmain.cssandに抽出するにはどうすればよいですか?home.css

結果:エラーはありませんでしたが、home.css作成されました。

home.js

import '../scss/main.scss';
import '../scss/home.scss';

main.scss

.test1 { color: #f00; }

ホーム.scss

.test2 { color: #00f; }

webpack.config.js

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

module.exports = {
  module: {
    rules: [{
      test: /\.js$/,
      exclude: /node_modules/,
      use: 'babel-loader'
    }, {
      test: /\.scss$/,
      use: ExtractTextPlugin.extract(['css-loader', 'sass-loader'])
    }]
  },
  entry: {
    'home': './scripts/home.js'
  },
  output: {
    filename: '[name].js',
    path: __dirname + '/static/scripts',
    publicPath: '/static/'
  },
  plugins: [
    new ExtractTextPlugin('../css/[name].css')
  ]
};