在 Vue Press 的 MD 文件中使用 package.json 版本

Question

我正在尝试在我的 *.md 文件中使用 package.json 版本标签，这些文件稍后会编译成 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
    }]
  }
})

我尝试在我的 *.md 文件中使用 version 和 $version 但运气不佳，还有其他人遇到过这个问题吗？

Answer 1

最简单的方法是将 version 放入 themeConfig 并让 VuePress 完成它的工作

// .vuepress/config.js
const { version } = require('../../package')

module.exports = {
  themeConfig: {
    version: version
  }
}

并像

一样使用它in markdown

{{ $themeConfig.version }}

但是，themeConfig 似乎并不适用于此，因此您也可以创建自己的计算属性

// .vuepress/enhanceApp.js
const { version } = require('../../package')

export default ({ Vue }) => {
  Vue.mixin({
    computed: {
      $version: function() {
        return version
      }
    }
  })
}

并像

一样使用它

{{ $version }}

在 Vue Press 的 MD 文件中使用 package.json 版本

Use package.json version in MD files for Vue Press

vuepress