webpack.config.js

var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var BrowserSyncPlugin = require('browser-sync-webpack-plugin');
var autoprefixer = require('autoprefixer');

module.exports = {
  context: __dirname,
  devtool: debug ? "inline-sourcemap" : null,
  entry: './src/assets/js/entry.js',
  output: {
    path: __dirname + "/public/assets/js/",
    filename: 'main.min.js'
  },
  plugins: debug ? [
    new ExtractTextPlugin("../css/main.min.css", {
      allChunks: true
    }),
    new BrowserSyncPlugin({
      proxy: 'http://webpack.dev/',
      files: ['src/**/*'],
      notify: false
    })
  ] : [
    new ExtractTextPlugin("../css/main.min.css", {
      allChunks: true
    }),
    new webpack.optimize.DedupePlugin(),
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.optimize.UglifyJsPlugin({ sourceMap: false, mangle: false, compress: { warnings: false }})
  ],
  module: {
    preLoaders: [
      {
        test: /\.jsx?$/,
        loader: 'eslint-loader',
        include: __dirname + '/src/assets/js/'
      }
    ],
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: debug ? 'babel-loader' : 'strip?strip[]=console.log!babel-loader?cacheDirectory'
      },
      {
        test: /\.scss$/,
        loader: ExtractTextPlugin.extract("style-loader", ["css-loader", "postcss-loader", "sass-loader"])
      },
      {
        test: /.*\.(png|jpe?g|gif|svg)$/i,
        loaders: [
          'file?name=../img/[name].[ext]',
          'image-webpack?{progressive:true, optimizationLevel: 5, interlaced: false, pngquant:{quality: "65-90", speed: 4}}'
        ]
      },
      {
        test: /\.(html|php)$/,
        loader: "file?name=../../[name].[ext]"
      }
    ]
  },
  postcss: [
    autoprefixer({
      browsers: ['last 2 versions']
    })
  ],
  resolve: {
    extensions: ['', '.js', '.jsx', '.css', '.scss', 'html', 'php']
  }
};