用webpack
之类的东西转换为html谁可以为此进行演示?
{{ Illuminate\Mail\Markdown::parse(file_get_contents(base_path() . '/README.md')) }}
HERHE是Laravel Mix / WebPack解决方案,将Markdown文件转换为HTML,并在Vue.js中需要,然后使用
v-html
.
。首先添加
markdown-loader
yarn add markdown-loader html-loader
webpack.mix.js
中,laravel混合物可以添加WebPack的自定义配置。
mix.webpackConfig({
module: {
rules: [{
test: /\.md$/,
use: ["html-loader", "markdown-loader"],
}]
}
});
consestingREADME.md
是在项目的根源中,在
webpack.mix.js
中添加一个别名
mix.alias({
'@': '/resources/js',
'@root': '/',
});
现在我们可以使用VUE组件在root Directory中显示readme.md。
<script>
const readme = require('@root/README.md')
export default {
data() {
return {
readme: ""
}
},
created() {
this.readme = readme
}
}
</script>
<template>
<div class="container" ref="container" v-html="readme" />
</template>