title: webpack css loader not work: no output css file
body: <p>I'm working on opensource project, right now i need to setup webpack for front end. i tried webpack config below, JS is works fine, but css isn't, no css output file. i dont why this happen, please help me. </p>
  
  <p>below is my webpack config js file:</p>
  
  <pre><code>const path = require("path");
  const webpack = require('webpack');
  const ExtractTextPlugin = require("extract-text-webpack-plugin");
  
  const node_dir = __dirname + '/node_modules';
  
  const sassLoaders = [
    'css-loader',
    'sass-loader?indentedSyntax=sass&amp;includePaths[]=' + path.resolve(__dirname, './public/stylesheets/')
  ]
  
  const config = {
      addVendor: function (name, path) {
          this.resolve.alias[name] = path;
          this.module.noParse.push(new RegExp('^' + name + '$'));
      },
  
      entry: {
          app: './public/javascripts/app.js',
      vendors: ['jquery','underscore']
      },
  
      output: {
          path: path.join(__dirname, process.env.NODE_ENV === 'production' ? './public/dist' : './public/dev'),
          filename: process.env.NODE_ENV === 'production' ? '[name].[hash].js' : '[name].js',
          publicPath: 'public/dev'
      },
  
      module:{
          noParse: [],
          loaders:[
              {
                  test: /\.scss$/,
                  loader: ExtractTextPlugin.extract('style-loader', sassLoaders.join('!'))
              },
              {
                  test: /\.js$/,
                  exclude: /node_modules/,
                  loader:'babel?presets[]=es2015'
              }
          ]
      },
  
      resolve: {
          alias: {},
          extensions: ['', '.js', '.scss'],
      },
  
      plugins: [
          new webpack.NoErrorsPlugin(),
          new ExtractTextPlugin("qor.css", {
              allChunks: true
          }),
          new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.bundle.js'),
          new webpack.ProvidePlugin({
              $: "jquery",
              jQuery: "jquery",
              "window.jQuery": "jquery"
          }),
          new webpack.ProvidePlugin({
            _: "underscore",
          })
      ]
  };
  
  config.addVendor('jquery', node_dir + '/jquery/dist/jquery.js');
  config.addVendor('underscore', node_dir + '/underscore/underscore.js');
  
  module.exports = config;
  </code></pre>
  
  <p>when i run <code>webpack -d --watch --progress --colors</code> there is no css file output. just js files.</p>
  
  <p><a href="https://i.stack.imgur.com/Xm4mN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Xm4mN.png" alt="enter image description here"></a></p>
  
  <p>here is my project folder</p>
  
  <p><a href="https://i.stack.imgur.com/cxFqt.png" rel="noreferrer"><img src="https://i.stack.imgur.com/cxFqt.png" alt="enter image description here"></a></p>