const { resolve } = require('path');
                const HtmlWebpackPlugin 
 
= require('html-webpack-plugin');

                module.exports = {
                // 單入口
                // entry: './src/js/index.js',
               
                //多入口
                entry: {
                    index: './src/js/index.js',
                    test: './src/js/test.js'
                },
                output: {
                    
 
// [name]：取檔名
                    filename: 'js/[name].[contenthash:10].js',
                    path: resolve(__dirname, 'build')
                },
                plugins: [
                    new HtmlWebpackPlugin({
                    template: './src/index.html',
                    minify: {
                        collapseWhitespace: 
 
true,
                        removeComments: true
                    }
                    })
                ],
                /*
                    1. 可以將node_modules中程式碼單獨打包一個chunk最終輸出
                    2. 自動分析多入口chunk中，有沒有公共的檔案。如果有會打包成單獨一個chunk
                */
                optimization: {
                    splitChunks: {
                    chunks: 'all'
                    }
                },
                mode: 'production'
                };

                /*
                通過js程式碼，讓某個檔案被單獨打包成一個chunk
                import動態匯入語法：能將某個檔案單獨打包

                webpackChunkName: 'test'  在js中給分離出去的js命名
                */
                import(/* webpackChunkName: 'test' */'./test')
                .then(({ mul, count }) => {
                    // 檔案載入成功~
                    // eslint-disable-next-line
                    console.log(mul(2, 5));
                })
                .catch(() => {
                    // eslint-disable-next-line
                    console.log('檔案載入失敗~');
                });