markdown 分理出文件

raw-loader 将文件 import 进来当变量
1.添加 vue.config.js,注册一个新的 loader

module.exports = {
  chainWebpack: (config) => {
    // 添加一个新的 loader
    // https://cli.vuejs.org/zh/guide/webpack.html#%E6%B7%BB%E5%8A%A0%E4%B8%80%E4%B8%AA%E6%96%B0%E7%9A%84-loader
    config.module
      .rule('markdown-raw-loader')
      .test(/\.md$/)
      .use('raw-loader')
        .loader('raw-loader')
        .end()
  },
};

2.编写 markdown 文件
src/assets/about.md

# about me

here are some information

3.import 进来

import about from '../assets/about.md'

4.marked 处理

import marked from 'marked'

computed:{
  articleContent: function(){
    return marked(about)
  }
}
Last modification:May 14th, 2020 at 12:32 pm
 Support
如果觉得我的文章对你有用,请随意赞赏