title: Webpack, multiple entry points Sass and JS
body: <p>Below is my webpack config. At the moment the file loads this main.js entry point</p>
  
  <pre><code>import './resources/assets/js/app.js';
  import './resources/assets/sass/main.scss';
  </code></pre>
  
  <p>I can get both files in the public/js files but I would like to get the css and js in their own folder. Is this possible?</p>
  
  <pre><code>var webpack = require('webpack');
  var path = require('path');
  let ExtractTextPlugin = require("extract-text-webpack-plugin");
  var WebpackNotifierPlugin = require('webpack-notifier');
  
  module.exports = {
  
      resolve: {
      alias: {
        'masonry': 'masonry-layout',
        'isotope': 'isotope-layout'
      }
    },
  
      entry: './main.js',
      devtool: 'source-map',
      output: {
          path: path.resolve(__dirname, './public'),
          filename: 'bundle.js'
      },
  
      module: {
          rules: [
  
           {  test: /\.js$/, 
                  exclude: /node_modules/, 
                  loader: "babel-loader?presets[]=es2015",
  
               },
  
              {
                  test:/\.scss$/,
                  use: ExtractTextPlugin.extract({
                      use: [{loader:'css-loader?sourceMap'}, {loader:'sass-loader', options: {
                      sourceMap: true
                  }}],
  
                  })
              },
  
              /*{
          test    : /\.(png|jpg|svg)$/,
          include : path.join(__dirname, '/dist/'),
          loader  : 'url-loader?limit=30000&amp;name=images/[name].[ext]'
      }, */
  
              {
                   test: /\.vue$/,
          loader: 'vue-loader',
          options: {
            loaders: {
            }
            // other vue-loader options go here
          }
        },
  
  
  
          ]
      },
  
      plugins: [
  
          //new webpack.optimize.UglifyJsPlugin(),
          new ExtractTextPlugin('app.css'),
          new WebpackNotifierPlugin(),
  
      ]
  
  };
  </code></pre>