Является ли webpack тем инструментом, который мне нужен, чтобы передать на несколько уменьшенных файлов в один минимизированный файл CSS?
если это так, я не уверен, что я делаю неправильно в коде ниже?
Есть ли способ вывода на разные пути к файлам, сейчас мой файл JS выводит на'./assets/javascripts/bundle/'Я хотел бы, чтобы мой файл CSS выводился на'./assets/stylesheets/bundle/' как бы я это сделал?

Обновить
Я сделал тест, и я могу собрать меньше файлов в один файл CSS, но все еще не могу узнать, как установить несколько путей для выходной папки, теперь я должен закомментировать часть ввода js и изменить путь вывода ...

Конфигурация веб-пакета

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

module.exports = {
  entry: {
    'MediaIndex':['./assets/javascripts/Media/Index/Base.js'],
    // stylesheets
    'MediaIndexStyleSheet':['./assets/stylesheets/Media/Index/Base.js']
  },
  output: {
    path: './assets/javascripts/bundle/',
    filename: '[name].js'
  },
  resolve: {
    alias: {
      jquery: path.join(__dirname, "assets/javascripts/lib/jquery-1.11.1.min.js"),
      "jquery-ui": path.join(__dirname, "assets/javascripts/lib/jquery-ui.min.js"),
    }
  },
  plugins: [
    new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery"
    }),
    new ExtractTextPlugin("[name].css")
  ],
  module: {
    loaders: [
      {
        test: /\.css$/,
        loader: ExtractTextPlugin.extract("style-loader", "css-loader")
      },
      {
        test: /\.less$/,
        loader: ExtractTextPlugin.extract("style-loader", "css-loader!less-loader")
      }
    ]
  },
};

активы / таблицы стилей / СМИ / Index / base.js

require('../../../Global/Config.less');
require('../../../Global/Fp.less');
require('../../../Global/Urb.less');
require('../../../Global/Ad1.less');
require('./Nav0.less');
require('./Index.less');
require('./Content.less');

Config.less

@color: 'red';

Index.less

body {
  background-color: @{color};
}