webpack.config.js

var path = require('path');
var webpack = require('webpack');

module.exports = {
  watch:   true,
  context: __dirname + "/",
  entry: [
    __dirname + '/js/mojs-player.babel.js'
  ],
  module: {
    loaders: [
      { test: /\.(json)$/, exclude: /node_modules/, loaders: ['json-loader'] },
      { test: /\.(jsx|es6.js|babel.js|.js)$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
        query: {
          presets: [ 'es2015-loose', 'babel-preset-stage-2' ],
          plugins: [ 'transform-runtime' ]
        }
      },
      { test: /\.jade$/, loaders: ['jade'] },
      { test: /\.(postcss.css)$/,  loader: "style-loader!css-loader!postcss-loader" },
      { test: /\.html$/, loader: 'raw-loader' },
      {
        test: /\.(eot|woff|ttf|svg|png|jpg|wav|mp3)$/,
        loader: 'url-loader?limit=30000&name=[name]-[hash].[ext]',
      }
    ]
  },
  postcss: function () {
    return [ require('precss'), require('postcss-cssnext'), require('postcss-modules') ];
  },
  output: {
    path:           __dirname + '/build',
    filename:       'mojs-player.js',
    publicPath:     'build/',
    library:        'mojs-player',
    libraryTarget:  'umd',
    umdNamedDefine: true
  },
  plugins: [],
  resolve: {
    root: [ path.resolve('./') ],
    moduleDirectories: ['node_modules'],
    target: 'node',
    extensions: [
      '', '.js', '.es6', '.babel.js', '.coffee',
      '.postcss.css', '.css', '.json'
    ]
  }
};