Webpack, sass, отдельные файлы стилей?

Question

[Владислав]

Как сделать чтобы файлы которые импортируется в .js были в разных .css файлах ?

import "../../scss/common.scss";
import "../../../backend/media/scss/frontend.scss";

"use strict";

const path              = require("path");
const webpack           = require("webpack"); 
const CopyWebpackPlugin = require("copy-webpack-plugin");
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const BrowserSyncPlugin = require("browser-sync-webpack-plugin");

module.exports = {
    entry: {
        common: "./frontend/media/js/common.js"
    },
    output: {
        path: path.resolve(__dirname, "./httpdocs/media/frontend/js/"),
        filename: "[name].js"
    },
    devtool: "source-map",
    module: {
        rules: [
           {
              test: /\.js$/,
              exclude: /node_monules/,
              loader: "babel-loader"
           },
           {
              test: /\.(scss|sass)$/,
              use: ExtractTextPlugin.extract({
                  fallback: "style-loader",
                  use: ["css-loader", "autoprefixer-loader?browsers=last 15 versions", "resolve-url-loader", "sass-loader?outputStyle=expanded&sourceMap=true&sourceMapContents=true"]
              })
           },
           {
                test: /\.(woff|woff2|eot|ttf)$/,
                loader: "file-loader?name=../letter/[hash].[ext]"
           },
           {
                test: /\.svg$/,
                loader: "svg-url-loader"
           },
        ]
    },
    plugins: [
        require('autoprefixer'),
        new webpack.optimize.UglifyJsPlugin({
          comments: false,
          beautify: true
        }),
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery"
        }),
        new ExtractTextPlugin({
            filename: "../css/[name].css",
            allChunks: true
        })
    ],
    watch: !0
}

все это ложиться в common.css а нужно разделить как это сделать ?