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


module.exports = {
    devtool: 'eval-source-map',
    //入口文件
    entry:  {
        main: __dirname + "/app/main.js",
        admin: __dirname + "/app/admin.js",
    },
    //出口文件
    output: {
        path: __dirname + "/dist",//打包后的文件存放的地方
        filename: "assets/[name]-[hash].js",//打包后输出文件的文件名
        publicPath: './',
    },

    devServer: {
        contentBase: "./dist",//本地服务器所加载的页面所在的目录
        historyApiFallback: true,//不跳转
        inline: true,//实时刷新
        port: 8081,
    },

    module: {
        rules: [
            {
                test: /\.css$/,     // https://www.webpackjs.com/loaders/css-loader/
                use: [
                    { loader: "style-loader" },
                    { loader: "css-loader" },
                    // { loader: "postcss-loader" }
                ]
            },
            {
                test: /\.less$/,
                use: [{
                    loader: "style-loader" // creates style nodes from JS strings
                }, {
                    loader: "css-loader" // translates CSS into CommonJS
                }, {
                    loader: "less-loader" // compiles Less to CSS
                }]
            },
            {
                test: /\.js$/,      // https://www.webpackjs.com/loaders/babel-loader/
                exclude: /(node_modules|bower_components)/,
                use: {
                    loader: 'babel-loader',
                    options: {
                        presets: ['@babel/preset-env'],
                        //plugins: ['@babel/transform-runtime'] // 'transform-runtime' 插件告诉 babel 要引用 runtime 来代替注入。
                    }
                }
            },
            {
                test: /\.(html)$/,
                use: {
                    loader: 'html-loader',
                    options: {
                        attrs: [':data-src']
                    }
                }
            }
        ]
    },

    plugins: [
        new htmlWebpackPlugin({
            filename: "index.html",
            template: 'index.html',
            title: "入口文件一",
            minify: {
                //collapseWhitespace: true,
                removeComments: true,
            },
            chunks: ["main"]
        }),
        new htmlWebpackPlugin({
            filename: "admin.html",
            template: 'index.html',
            title: "入口文件二",
            minify: {
                //collapseWhitespace: true,
                removeComments: true,
            },
            chunks: ["admin"]
        }),
        new CleanWebpackPlugin(['./dist/']),
    ]


}


//详细文档 https://www.webpackjs.com/
//loaders配置文档：https://www.webpackjs.com/loaders/