Raw project bootstrap with Webpack 2

--save-dev

npm i -D babel-core babel-loader babel-preset-env copy-webpack-plugin css-loader extract-text-webpack-plugin sass-loader style-loader webpack webpack-dev-server node-sass webpack-notifier

package.json>scripts

"scripts": {
  "start": "webpack-dev-server --inline",
  "build": "webpack -p"
},

tree

.
├── README.md
├── app
│   ├── images
│   ├── index.html
│   ├── scripts
│   │   └── main.js
│   └── styles
├── dist
│   ├── index.html
│   └── main.js
├── package.json
└── webpack.config.js

webpack.config.js

const path = require('path')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const CopyWebpackPlugin = require('copy-webpack-plugin')
const WebpackNotifierPlugin = require('webpack-notifier')

module.exports = {
  entry: './app/scripts/main.js',
  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist')
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        options: { presets: ["env"] }
      },
      {
        test: /\.s[ac]ss$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: [
            'css-loader',
            'sass-loader'
          ]
        })
      }
    ]
  },
  plugins: [
    new WebpackNotifierPlugin(),
    new ExtractTextPlugin("styles.css"),
    new CopyWebpackPlugin([
      {
        from: './app/index.html'
      }
    ])
  ]
}