const webpack = require('webpack');
const path = require('path');
const _ = require('lodash');
const shelljs = require('shelljs');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
let extractCSS = new ExtractTextPlugin('css/[name].css');

const entries = {};
const __DEV__ = process.env.NODE_ENV === 'dev', 
	__TEST__ = process.env.NODE_ENV === 'test', 
	__BUILD__ = process.env.NODE_ENV === 'build';


// 构建各模块子页面JS。生成规则module.page.js
shelljs.ls(path.join(__dirname, 'js/*.page.js')).forEach((f) => {
    const dir = _.slice(f.split('/'), -2); // [modulename, xx.page.js]

    // Important
    // 生成规则：module.page: './js/module/xx.page.js'
    entries[`${dir[1].match(/(.*).page.js/)[1]}`] = `./${dir.join('/')}`;
    entries.libs = [
        'yoho-jquery'
    ];
});

let plugins = [
        extractCSS,
        new ExtractTextPlugin('[name].css'),
        // new webpack.optimize.OccurenceOrderPlugin(),
        new webpack.optimize.CommonsChunkPlugin({
            name: 'libs',
            filename: 'js/libs.js'
        }),
        new webpack.ProvidePlugin({
            $: 'yoho-jquery',
            jQuery: 'yoho-jquery',
            'window.jQuery': 'yoho-jquery'
        })
    ];

if (!__DEV__) {
	plugins.push(new webpack.optimize.UglifyJsPlugin({
        compress: {
            warnings: false
        }
    }));
}
module.exports = {
    entry: entries,
    output: {
        path: path.join(__dirname, 'bundle'), // absolute path
        filename: 'js/[name].js'
    },
    module: {
        rules: [{
            test: /\.js$/,
            exclude: [/node_modules/],
            use: [{
                loader: 'babel-loader'
            }]
        }, {
            test: /\.scss$/i,
            use: extractCSS.extract([ 'css-loader', 'sass-loader', 'autoprefixer-loader?{browsers:["last 2 version", "> 1%"]}' ])
        },
        { 
            test: /\.html$/, 
            use: 'html-loader' 
        },
        { 
            test: /\.(png|jpg|gif)$/, 
            use: 'url-loader?limit=1024,name=/img/[name].[ext]' 
        }]
    },
    resolve: {
        modules: ['node_modules', './sass', './js'],
        alias: {
            js: path.join(__dirname, 'js/'),
            jquery: 'yoho-jquery'
        }
    },
    plugins: plugins
};