make-webpack-config.js

/*
 * The MIT License (MIT)
 *
 * Copyright (c) 2014, Groupon, Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
var webpack = require('webpack');
var postcss_nested = require('postcss-nested');
var postcss_custom_properties= require('postcss-custom-properties');
var autoprefixer = require('autoprefixer-core');
var cssimport = require('postcss-import');
var ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = function(config){
  return {
    entry: config.entry,
    output: config.output,
    module: {
      loaders: [
        {
          test: /\.(json)$/,
          loader: 'json-loader'
        },
        {
          test: /\.(svg)$/,
          loader: 'url-loader'
        },
        {
          test: /\.less$/,
          loader: ExtractTextPlugin.extract("style-loader", "css-loader!less-loader")
        },
        {
          test: /\.css$/,
          loader: ExtractTextPlugin.extract("style-loader","css-loader!postcss-loader")
        },
        {
          test: /\.jsx?$/,
          exclude: /node_modules/,
          loaders: config.debug? [ 'babel-loader']: ['babel-loader']
        }
      ]
    },
    postcss: function () {
      return [
        cssimport({
          onImport: function (files) {
            files.forEach(this.addDependency);
          }.bind(this)
        }),
        postcss_custom_properties,
        postcss_nested,
        autoprefixer
      ];
    },
    devtool: config.debug ? '#inline-source-map' : false,
    plugins: config.debug ? [
      new ExtractTextPlugin("[name].css")
    ] : [
      new webpack.EnvironmentPlugin('NODE_ENV'),
      new webpack.optimize.DedupePlugin(),
      new ExtractTextPlugin("./../css/[name].css"),
      new webpack.optimize.UglifyJsPlugin(
        {
          compressor: {
            screw_ie8: true,
            warnings: false
          }
        }
      ),
      new webpack.optimize.AggressiveMergingPlugin(),
      new webpack.optimize.OccurenceOrderPlugin()
    ]

  };
};