const webpackOptions = {
    mode: env,  // webpack各个环节的默认配置
    entry: {
                // 这里需要动态加载入口
    },
    output: {
        filename: '[name]/index.[hash].js',
        path: path.resolve(__dirname, 'public/'),
    },
    devServer: { // devserver的配置
        hot: true,
        inline: true,
        compress: true,
        port: 9000
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                loader: 'babel-loader'
            },
            {
                test: /\.less$/,
                loader: extractLESS.extract([
                    'css-loader',
                    'less-loader'
                ])
            },
            {
                test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
                loader: 'file-loader',
                query: {
                    name: 'img/[name].[hash:7].[ext]'
                }
            },
            {
                test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
                loader: 'file-loader',
                query: {
                    name: 'font/[name].[hash:7].[ext]'
                }
            }
        ]
    },
    plugins: [
        extractLESS,  // 将less文件单独提出为css
    ]
}

// 遍历需要编译的源目录
module.exports = new Promise(function(resolve, reject) {
    fs.readdir(ROOT, function(err, files) {
        if(err) {
            return reject(err);
        }
        files.filter((file) => !file.includes('.')).forEach(function(entry) {
            webpackOptions.entry[entry] = path.resolve(ROOT, entry , 'index.js'),
            webpackOptions.plugins.push(new HtmlWebpackPlugin({ // 目录下的html也需要打包
                filename: entry + '/index.html',
                template: path.resolve(ROOT, entry , 'index.html'),
                inject: true,
                chunks: [entry] // 只插入同一目录下的js文件避免所有js的插入
            }))
        })
        resolve(webpackOptions);
    })
})