Loading... # markdown 分离出文件 `raw-loader` 将文件 import 进来当变量 1.添加 vue.config.js，注册一个新的 loader ```js 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` ```markdown # about me here are some information ``` 3.import 进来 ```js import about from '../assets/about.md' ``` 4.marked 处理 ```js import marked from 'marked' computed:{ articleContent: function(){ return marked(about) } } ``` Last modification：June 28th, 2021 at 09:57 pm © 允许规范转载 Support 如果觉得我的文章对你有用，请随意赞赏