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

/** @type { import('webpack').Configuration } */
module.exports = {
    mode: 'production',
    entry: './src/main.js',
    output: {
        filename: 'bundle.js',
        path: path.join(__dirname, 'output'),
    },
    module: {
        rules: [
            {
                test: /\.md$/,
                use: [
                    'html-loader',              // 处理 markdown 文本转换的html, 把html打包到js文件中
                    './src/markdown-loader.js'  // 把 markdown 文本转换为 html
                ]
            }
        ]
    },
    plugins: [
        new HtmlWebpackPlugin({  // 以 src/index.html 为模板，生成 html 文件到output文件夹
            title: 'My Markdown Loader',
            template: './src/index.html'
        })
    ]
}