vue.config.js

const path = require('path')
function resolve (dir) {
  return path.join(__dirname, dir)
}
// const md = require('markdown-it')()
const MarkdownItContainer = require('markdown-it-container')
const utils = require('./build/utils')

const vueMarkdown = {
  raw: true,
  preprocess: (MarkdownIt, source) => {
    MarkdownIt.renderer.rules.table_open = function () {
      return '<table class="table">'
    }
    // ```html``` 给这种样式加个class hljs
    MarkdownIt.renderer.rules.fence = utils.wrapCustomClass(
      MarkdownIt.renderer.rules.fence
    )
    // ```code``` 给这种样式加个class code_inline
    const codeInline = MarkdownIt.renderer.rules.code_inline
    MarkdownIt.renderer.rules.code_inline = function (...args) {
      args[0][args[1]].attrJoin('class', 'code_inline')
      return codeInline(...args)
    }
    return source
  },
  use: [[
    MarkdownItContainer, 'demo', {
      validate: params => params.trim().match(/^demo\s*(.*)$/),
      render: function (tokens, idx) {
        if (tokens[idx].nesting === 1) {
          return `<demo-block>
                        <div slot="highlight">`
        }
        return '</div></demo-block>\n'
      }
    }],
  [MarkdownItContainer, 'tip'],
  [MarkdownItContainer, 'warning']
  ]
}

module.exports = {
  outputDir: 'docs',
  publicPath: './',
  productionSourceMap: false,

  pages: {
    index: {
      entry: 'examples/main.js',
      template: 'public/index.html',
      filename: 'index.html'
    }
  },
  chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('examples'))
      .set('~', resolve('packages'))
    // 把 packages 和 examples 加入编译，因为新增的文件默认是不被 webpack 处理的
    // config.module
    //   .rule('js')
    //   .include.add(/packages/).end()
    //   // .include.add(/examples/).end()
    //   .use('babel')
    //   .loader('babel-loader')
    //   .tap(options => {
    //     return options
    //   })
    config.module
      .rule('eslint')
      .exclude
      .add(/node_modules|lib/)
      .end()
    config.module
      .rule('md')
      .test(/\.md/)
      .use('vue-loader')
      .loader('vue-loader')
      .end()
      .use('vue-markdown-loader')
      .loader('vue-markdown-loader/lib/markdown-compiler')
      .options(vueMarkdown)
  }
}