const webpack = require('webpack');
const path = require('path');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const HtmlWebpackPlugin = require('html-webpack-plugin');

let theme = {
    '@primary-color': '#58a3ff',
    '@link-color': '#58a3ff'
};

module.exports = {
    entry: {
        'user/index': ['webpack-dev-server/client?http://0.0.0.0:80', // WebpackDevServer host and port
            'webpack/hot/only-dev-server',
            './js/user/index.js'
        ],
        'user/login': ['webpack-dev-server/client?http://0.0.0.0:80', // WebpackDevServer host and port
                'webpack/hot/only-dev-server',
                './js/user/login.js'
        ],
        'user/signIn': ['webpack-dev-server/client?http://0.0.0.0:80', // WebpackDevServer host and port
                'webpack/hot/only-dev-server',
                './js/user/signIn.js'
        ],
        //user-account
            'user/account/index': ['webpack-dev-server/client?http://0.0.0.0:80', // WebpackDevServer host and port
                    'webpack/hot/only-dev-server',
                    './js/user/account/index.js'
            ],
            'user/account/set': ['webpack-dev-server/client?http://0.0.0.0:80', // WebpackDevServer host and port
                    'webpack/hot/only-dev-server',
                    './js/user/account/set.js'
            ],
            'user/account/services': ['webpack-dev-server/client?http://0.0.0.0:80', // WebpackDevServer host and port
                    'webpack/hot/only-dev-server',
                    './js/user/account/services.js'
            ],


        //admin
        'admin/index': ['webpack-dev-server/client?http://0.0.0.0:80', // WebpackDevServer host and port
                'webpack/hot/only-dev-server',
                './js/admin/index.js'
        ]
            //vendors: ['jquery','antd']
            //path.resolve(__dirname, './js/index.js'),
    },
    output: {
        path: path.resolve(__dirname, './build'),
        filename: '[name].js',
    },
    module: {
        loaders: [{
                test: /\.jsx?$/,
                exclude: /node_modules/,
                loader: 'babel-loader',
                query: {
                    "presets": ["es2015", "react"],
                    "plugins": [
                        ["antd", {
                            "style": true
                        }]
                    ]
                }
                //loaders: ['babel-loader?presets[]=es2015,presets[]=react'] 
            },
            //{
                //test: /\.module\.less$/,
                //loader: 'style!css!less?{"modifyVars":{"@primary-color": "#1DA57A"}}'
            //}, 
            {
                test: /\.css$/,
                loader: 'style!css'
            }, {
                test: /\.less$/,
                loader: `style!css!less?{"modifyVars":${JSON.stringify(theme)}}`
            }, {
                test: /\.(png|jpg)$/,
                loader: 'url?limit=8192&name=[path][name].[ext]'
            }
            //{test: /\.(png|jpg)$/, loader: 'file' }
        ]
    },
    resolve: {
        extensions: ['', '.js', '.jsx']
    },
    plugins: [
        new ExtractTextPlugin('[name].bundle.css', {
            allChunks: true
        }),

        //user
        new HtmlWebpackPlugin({
            title: '用户首页',
            filename: 'user/index.html',
            template: './template/template.html',
            chunks:['user/index','vendors']
        }),
        new HtmlWebpackPlugin({
            title: '用户登录',
            filename: 'user/login.html',
            template: './template/template.html',
            chunks:['user/login','vendors']
        }),
        new HtmlWebpackPlugin({
            title: '用户注册',
            filename: 'user/signIn.html',
            template: './template/template.html',
            chunks:['user/signIn','vendors']
        }),
        //user-account
            new HtmlWebpackPlugin({
                title: '用户中心-首页',
                filename: 'user/account/index.html',
                template: './template/template.html',
                chunks:['user/account/index','vendors']
            }),
            new HtmlWebpackPlugin({
                title: '用户中心-设置',
                filename: 'user/account/set.html',
                template: './template/template.html',
                chunks:['user/account/set','vendors']
            }),
            new HtmlWebpackPlugin({
                title: '用户中心-科技服务',
                filename: 'user/account/services.html',
                template: './template/template.html',
                chunks:['user/account/services','vendors']
            }),

        //admin
        new HtmlWebpackPlugin({
            title: 'admin_index',
            filename: 'admin/index.html',
            template: './template/template.html',
            chunks:['admin/index','vendors']
        })

        //这个使用uglifyJs压缩你的js代码
        //new webpack.optimize.UglifyJsPlugin({minimize: true}),
        //把入口文件里面的数组打包成verdors.js
        //new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'),
    ]
};