markdown-loader Webpack Markdown文件加载器
Markdown 文件的 Webpack 加载器用起来还挺顺的。markdown-loader直接把.md文件转成 HTML，写文档页面方便，尤其你还想顺手加点样式或者组件啥的，搭配html-loader一起用更稳。安装也简单，npm install markdown-loader一行搞定。
适配 Webpack 2+没啥问题，直接在rules里加一条配置：
module.exports = {
module: {
rules: [
{
test: /\.md$/,
use: [
{ loader: "html-loader" },
{ loader: "markdown-loader" }
]
}
]
}
};用起来适合写组件库的文档或者给页面嵌点轻量级的内容。比如某个组件怎么用，直接写个README.md，在页面里引入就行。
不过要注意，markdown-loader输出的是 HTML，安全性上你得注意下 XSS 问题，最好自己再包一层 Sanitize 下。
如果你对加载器感兴趣，还可以看看Nunjucks-loader、swig-loader这些模板类的，也挺有意思。
写文档、做 demo 展示或者写博客模块的都能用得上，整体体验蛮不错。如果你正好在搭配 Webpack 构建前端项目，不妨试试。
文件大小：129.75KB
评论区