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

                module.exports = {
                entry: './src/js/index.js',
                output: {
                    filename: 'js/built.js',
                    path: resolve(__dirname, 'build')
                },
                module: {
                    rules: [
                    
 
/*
                        語法檢查： eslint-loader  eslint
                        注意：只檢查自己寫的原始碼，第三方的庫是不用檢查的
                        設定檢查規則：
                            package.json中eslintConfig中設定~
                            "eslintConfig": {
                                "extends": "airbnb-base"
                            }
                            airbnb --> eslint-config-airbnb-base  eslint-plugin-import eslint
                    
 
*/
                    {
                        test: /\.js$/,
                        exclude: /node_modules/,
                        loader: 'eslint-loader',
                        options: {
                        // 自動修復eslint的錯誤
                        fix: true
                        }
                    }
                    ]
                },
                plugins: [
                    new HtmlWebpackPlugin({
                    template: './src/index.html'
                    })
                ],
                mode: 'development'
                };