1. // markdown-loader.js
    2. // 必须返回一段标准的js代码
    3. // loader加载器类似于一个管道
    4. // 对于同一个资源可以依次使用多个loader
    5. // 需要安装一个解析markdown的包:yarn add marked --dev
    6. const marked = require('marked')
    7. module.exports = source => {
    8. const html = marked(source) // 借助marked将资源转换为html格式的字符串
    9. return `module.exports = ${html}` // 第一种方法,返回一段标准的js代码
    10. return html // 第二种方法,直接返回此html字符串,将其交给下一个loader处理
    11. }
    1. module.exports = {
    2. module: {
    3. rules: [
    4. {
    5. test: /\.md$/,
    6. use: './markdown-loader' // 对应第一种方法
    7. user: [ // 对应第二种方法
    8. 'html-loader',
    9. './markdown-loader'
    10. ]
    11. }
    12. ]
    13. }
    14. }