/*
* @Author: Marte
* @Date:   2018-02-06 14:41:11
* @Last Modified by:   Marte
* @Last Modified time: 2018-02-08 16:51:22
*/
var HtmlWebpackPlugin = require('html-webpack-plugin');
var path = require('path');
module.exports = {
    entry:'./src/app.js',
    output:{
        path:__dirname+'/dist',
        filename:'js/[name].bundle.js'
    },
    module:{
        rules: [
            {test: /\.css$/,
                use: ['style-loader', 'css-loader', {
                    loader: 'postcss-loader',
                    options: {
                        plugins: [
                            require("autoprefixer")({browsers: ["last 5 versions"]})
                        ]
                    }
                }]
            },
            {test:/\.less$/,
                use:['style-loader','css-loader',{
                    loader:'postcss-loader',
                    options:{
                        plugins:[
                            require('autoprefixer')({
                                browsers:['last 5 versions']
                            })
                        ]
                    }
                },
                'less-loader'
                ]
            },
            {test:/\.html$/,loader:'html-loader'},
            {test:/\.tpl$/,loader:'tpl-loader'},
            {test:/\.(jpg|png|gif|svg)$/i,
                use:[
                    {
                        loader:'url-loader',
                        options:{
                            limit:20000,
                            name:'assets/[name]-[hash:5].[ext]'
                        }
                    }
                ]
            }
        ],
        loaders: [{
            test: /\.js$/,
            loader: 'babel-loader',
            exclude: path.resolve(__dirname, 'node_modules'),
            include: '/src/',
            query: {
                presets: ['es2016']
            }
        }]
    },
    plugins:[
        new HtmlWebpackPlugin({
            filename:'index.html',
            template:'index.html',
            inject:'body',
            title:'this is index.html'
        })
    ]
}