时间戳

首页 > 解决方案 > 在 Vue Press 的 MD 文件中使用 package.json 版本

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

问题描述

我正在尝试在我的*.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
    }]
  }
})

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

标签： vuepress

解决方案

实现这一点的最简单方法，只需将其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 }}

推荐阅读