const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const webpack = require('webpack');


module.exports = {
    entry: {
        print: ['./src/js/print.js'],
        index: ['./src/js/index.js']
    },
    output: {
        filename: 'js/[name].js',
        // publicPath: '/build/',
        path: path.resolve(__dirname, 'dist')
    },
    devtool: 'inline-source-map',
    devServer: {
        clientLogLevel: "error",
        noInfo: true, //终端不在显示 WebPack包（束）信息
        inline: true, //启用内联模式 热加载 自动刷新
        publicPath: '/build/', //配置虚拟目录
        // contentBase: path.join(__dirname, "build"),
        hot: true, //启动热更新
        port: 9000, //服务器端口
        open: true, //启动服务 打开浏览器页面
        openPage: 'build/html/index.html'
    },
    plugins: [

        new HtmlWebpackPlugin({
            // hash: true, //在html页面所有css和script标签 href值后面加hash值
            // favicon: "./src/images/favicon.ico", //在html页面 head头插入favicon.ico 不好用，不能更改生成后的路径
            inject: "body", //将script标签插入body底部
            title: 'Home Page', //生成的html页面title
            filename: 'html/index.html', //输出html的路径（名称）
            template: './src/temp/index.html', //模板的路径（名称）
            chunks: ['index'], //当前页面要引用的js
            chunksSortMode: 'auto' //生成html页面多个js 如何排序
        }),

        new HtmlWebpackPlugin({
            // hash: true, //在html页面所有css和script标签 href值后面加hash值
            // favicon: "./src/images/favicon.ico", //在html页面 head头插入favicon.ico 不好用，不能更改生成后的路径
            inject: "body", //将script标签插入body底部
            title: 'Home Page', //生成的html页面title
            filename: 'html/print.html', //输出html的路径（名称）
            template: './src/temp/print.html', //模板的路径（名称）
            chunks: ['print'], //当前页面要引用的js
            chunksSortMode: 'auto' //生成html页面多个js 如何排序
        }),

        new CleanWebpackPlugin(['dist']),

        new webpack.NamedModulesPlugin(),
        new webpack.HotModuleReplacementPlugin()
    ],

    module: {
        rules: [
            //处理css 将css以style标签形式加载到head头部
            {
                test: /\.css$/,
                // include: SrcPath,
                use: [
                    'style-loader',
                    'css-loader'
                ]
            },
            {
                test: /\.less$/,
                // include: SrcPath,
                use: [
                    'style-loader',
                    'css-loader',
                    'less-loader'
                ]
            }
        ]
    }
};