webpack的几个常见loader源码浅析，以及动手实现一个md2html-loader

Webpack的loader用于转换某些类型的模块，例如，将JSX转换为JS，将CSS转换为JS模块，将图片转换为模块等。

下面是一个简单的loader示例，它将Markdown转换为HTML：

// md2html-loader.js
module.exports = function(source) {
    const marked = require('marked'); // 假设已经通过npm安装了marked
    const html = marked(source);
    return `module.exports = ${JSON.stringify(html)};`;
};

在webpack配置中使用这个loader：

// webpack.config.js
module.exports = {
    // ...
    module: {
        rules: [
            {
                test: /\.md$/,
                use: 'md2html-loader'
            },
            // ... 其他规则
        ]
    },
    // ...
};

在这个loader中，我们使用了marked库来转换Markdown到HTML。然后我们返回一个模块导出HTML字符串。在webpack配置中，我们指定任何.md文件都应该使用这个自定义的md2html-loader处理。

这只是一个非常简单的loader示例。实际的loader可能需要处理更复杂的情况，比如处理非UTF-8编码的文件，处理异步加载的文件，处理视频、图片等二进制文件，以及其他各种需求。