const webpack = require('webpack');
const path = require('path');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const HtmlWebpackPlugin = require('html-webpack-plugin');
const WebpackDevServer = require('webpack-dev-server');
const entries = require('./webpack/entry.config.js');
const version = require('./package.json').version;
const argv = require('yargs').argv;
const ImageminPlugin = require('imagemin-webpack-plugin').default;

let theme = {
    '@primary-color': '#58a3ff',
    '@link-color': '#58a3ff'
};
let isWatch = argv.env.watch == 'watch';
let isDev = isWatch || argv.env.deploy == 'dev';

module.exports = (function () {
    let plugins =[
        //把入口文件里面的数组打包成verdors.js
        // new ImageminPlugin({
        //     disable: isDev,
        //     test: 'img/**',
        //     pngquant: {
        //         quality: '75-75', 
        //         optimizationLevel: 9
        //     }
        // }),
        new webpack.optimize.CommonsChunkPlugin({
            name: 'vendors'
        }),
        new ExtractTextPlugin({
            filename: "[name].css",
            disable: false,
            allChunks: true
        }),
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery"
        }),       
        new HtmlWebpackPlugin({
            title: '首页',
            filename: 'html/index.html',
            template: './template/index.html',
            chunks: ['index', 'vendors']
        }), 
        new HtmlWebpackPlugin({
            title: '科技服务',
            filename: 'html/service.html',
            template: './template/service.html',
            chunks: ['service', 'vendors']
        }),
        new HtmlWebpackPlugin({
            title: '注册',
            filename: 'html/register.html',
            template: './template/register.html',
            chunks: ['register', 'vendors']
        }),
        new HtmlWebpackPlugin({
            title: '科技交易',
            filename: 'html/technologyTrading.html',
            template: './template/technologyTrading.html',
            chunks: ['technologyTrading', 'vendors']
        }),
        new HtmlWebpackPlugin({
            title: '科技智库',
            filename: 'html/thinktank.html',
            template: './template/thinktank.html',
            chunks: ['thinktank', 'vendors']
        }),
        new HtmlWebpackPlugin({
            title: '科技金融',
            filename: 'html/financialIndex.html',
            template: './template/financialIndex.html',
            chunks: ['financialIndex', 'vendors']
        }),
        new HtmlWebpackPlugin({
            title: '科技交易-技术专利',
            filename: 'html/technologyTrading/achievement.html',
            template: './template/technologyTrading/achievement.html',
            chunks: ['technologyTrading/achievement', 'vendors']
        }),
        new HtmlWebpackPlugin({
            title: '科技交易-技术需求',
            filename: 'html/technologyTrading/demand.html',
            template: './template/technologyTrading/demand.html',
            chunks: ['technologyTrading/demand', 'vendors']
        }),
        new HtmlWebpackPlugin({
            title: '科技交易-技术专利详情',
            filename: 'html/technologyTrading/achievementDetail.html',
            template: './template/technologyTrading/achievementDetail.html',
            chunks: ['technologyTrading/achievementDetail', 'vendors']
        }),
        new HtmlWebpackPlugin({
            title: '科技交易-技术需求详情',
            filename: 'html/technologyTrading/demandDetail.html',
            template: './template/technologyTrading/demandDetail.html',
            chunks: ['technologyTrading/demandDetail', 'vendors']
        }),
        new HtmlWebpackPlugin({
            title: '智库咨询-智库政策',
            filename: 'html/thinkTank/policy.html',
            template: './template/thinkTank/policy.html',
            chunks: ['thinkTank/policy', 'vendors']
        }),
        new HtmlWebpackPlugin({
            title: '智库咨询-智政详情',
            filename: 'html/thinkTank/policyDetail.html',
            template: './template/thinkTank/policyDetail.html',
            chunks: ['thinkTank/policyDetail', 'vendors']
        }),
        new HtmlWebpackPlugin({
            title: '智库咨询-智者详情',
            filename: 'html/thinkTank/thinkerDetail.html',
            template: './template/thinkTank/thinkerDetail.html',
            chunks: ['thinkTank/thinkerDetail', 'vendors']
        })

    ];
    if (!isDev) {
        //这个使用uglifyJs压缩你的js代码
        plugins.unshift(new webpack.DefinePlugin({
            "process.env": {
                NODE_ENV: JSON.stringify("production")
            }
        }));
        plugins.unshift(new webpack.optimize.UglifyJsPlugin({
            minimize: true,
            compress: {
                warnings: true
            }
        }));
    }

    //let staticHost = 'http://aftts.hnzhiming.com';
    //let staticHost = 'http://afts.hnzhiming.com';
    let staticHost = 'http://127.0.0.1';
    switch (argv.env.deploy) {
        case 'test':
            staticHost = 'http://static.jishutao.com';
            break;
        case 'stage':
            staticHost = 'http://aftts.hnzhiming.com';
            break;
        case 'prod':
            staticHost = 'http://s.jishutao.com';
            break;
        default:
            break;
    }
    staticHost = staticHost + '/portal/' + version + '/';
    return {
        entry: isWatch ? entries.watch : entries.prod,
        output: {
            path: path.resolve(__dirname, './build/' + argv.env.deploy + '/' + version),
            filename: '[name].js',
            publicPath: staticHost,
            chunkFilename: 'chunks/[name].[hash:8].js'
        },
        module: require('./webpack/module.config.js')(theme),
        resolve: {
            extensions: ['.js', '.jsx']
        },
        plugins: plugins,
        devServer: {
            disableHostCheck: true,
            //allowedHosts: ['aft.hnzhiming.com', 'afts.hnzhiming.com'],
            headers: {
                "Access-Control-Allow-Origin": "*"
            }
        }
    };
})();