在 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 }}