var path = require('path');
var webpack = require('webpack');
var ExtractTextPlugin = require("extract-text-webpack-plugin");
let extractLESS = new ExtractTextPlugin('[name].css');

module.exports = {
    entry: {
        main: ['babel-polyfill', './src/apps/main/index', ],
        preview: ['babel-polyfill', './src/apps/preview/index']
    },
    output: {
        filename: '[name].js',
        path: path.join(__dirname, '../../dist'),
        publicPath: '/dist/'
    },
    devServer: { inline: true },
    resolve: {
        extensions: ['', '.webpack.js', '.web.js', '.js', '.jsx']
    },
    plugins: [
        extractLESS,
        new webpack.ProvidePlugin({
            "React": "react",
        }),
    ],
    module: {
        loaders: [
            {
                test: /\.svg$/,
                loader: "url-loader",
                query: { mimetype: "image/svg+xml" }
            },
            {
                test: /\.png$/,
                loader: "url-loader",
                query: { mimetype: "image/png" }
            },
            {
                test: /\.less$/i,
                loader: extractLESS.extract(['css','less'])
            },
            {
                test: /\.jsx?$/,
                exclude: /node_modules/,
                loader: "babel",
                query: {
                    presets: ["es2015", "react"],
                    plugins: ["transform-class-properties", "transform-object-rest-spread"]
                }
            }
        ]
    }
}