我正在尝试利用文件中的package.json版本标记*.md
,稍后将其编译为HTML,但是我似乎无法弄清楚该怎么做。我的plugin.js文件包含以下我认为可以利用的内容:
const { version } = require('../../package.json')
module.exports = (/*options, ctx*/) => ({
async enhanceAppFiles () {
const code = `export default ({ Vue }) => {
Vue.mixin({
computed: {
$version () {
return '${version}'
}
}
})
}`
return [{
name: 'vuepress-plugin-vue-cli-plugin-p11n',
content: code
}]
}
})
我很幸运地尝试在文件中使用version
和$version
内部*.md
文件,还有其他人遇到过此问题吗?
实现此目的的最简单方法是,只需将其version
放入themeConfig
并让VuePress来做
// .vuepress/config.js
const { version } = require('../../package')
module.exports = {
themeConfig: {
version: version
}
}
并用它在降价像
{{ $themeConfig.version }}
但是,这似乎themeConfig
并不意味着要这样做,因此您还可以创建自己的计算属性
// .vuepress/enhanceApp.js
const { version } = require('../../package')
export default ({ Vue }) => {
Vue.mixin({
computed: {
$version: function() {
return version
}
}
})
}
并像这样使用
{{ $version }}
你好谢谢!这两个都可以,但是看起来好像以前一样,而且我刚刚意识到,我正在尝试
{{ $themeConfig.version }}
在代码块内使用反斜杠,黑色sh部分,这仍然可行吗?我怎么能在这里得到它。我不确定我是否完全了解您。基本上,您想
{{}}
在代码块中使用语法吗?我认为这是不可能的。我的意思是,代码块的目的是按原样显示代码,对吗?但是,我认为您可以尝试自定义容器或创建组件来实现这一目标