webpack.config.js

var webpack = require("webpack");
var path = require('path');
var backend_server = require('./backend_server.js');

var config = {
  entry: {
    main: ['main.jsx'],
  },
  output: {
    path: path.resolve(__dirname, 'mxcube3','static'),
    filename: '[name].js', 
    publicPath: '' 
  },
  devServer: {
    proxy: {
      '/mxcube/api/*': {
        target: backend_server
      },
      '/socket.io/*': {
        target: backend_server,
        ws: true
      },
    },
  },
  module: {
	  preLoaders: [
	    {
		    test: /\.jsx?$/,
		    loaders: ['eslint'],
		    exclude: /node_modules/
	    }
	  ],
	  loaders: [
	    {  
		    test: /\.css$/,
		    loader: "style-loader!css-loader"
	    },
	    {
		    test: /isotope-layout/,
		    loader: 'imports?define=>false&this=>window'
	    },
	    {
		    test: /\.less$/,
		    loader: "style!css!less"
	    },
	    {
		    test: /\.jsx?$/,
		    loaders: ['react-hot', 'babel-loader?presets[]=react,presets[]=es2015,presets[]=stage-0,plugins[]=transform-decorators-legacy'],
		    exclude: /node_modules/
	    },
	    {
		    test: /isotope\-|fizzy\-ui\-utils|desandro\-|masonry|outlayer|get\-size|doc\-ready|eventie|eventemitter|classie|get\-style\-property|packery/,
		    loader: 'imports?define=>false&this=>window'
	    },
	    {test: /bootstrap\/js\//, loader: 'imports?jQuery=jquery' },
	    {test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&minetype=application/font-woff" },
	    {test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" },
	    {test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: "file" },
	    {test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: "url?limit=10000&mimetype=image/svg+xml" },
	    {
		    test: /\.(jpe?g|png|gif)$/i,
		    loaders: [
		      'url?limit=8192',
		      'img'
		    ]
	    },
	    
	  ]
  },
  eslint: {
	  configFile: '.eslintrc'
  },
  plugins: [
	  new webpack.ProvidePlugin({
	    $: "jquery",
	    jQuery: "jquery",
	    "window.jQuery": "jquery"
	  })
  ],
  externals: {
  'guiConfig': JSON.stringify(require('./config.gui.prod.js'))
  },
  resolve: {
	  root: path.resolve(__dirname, 'mxcube3/ui'), 
    alias: {
	    'masonry': 'masonry-layout',
	    'isotope': 'isotope-layout'
    },
	  extensions: ['', '.js', '.jsx']
  },
}

module.exports = config;