温馨提示:本文翻译自stackoverflow.com,查看原文请点击:vuepress - Use package.json version in MD files for Vue Press

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

发布于 2020-03-30 21:49:05

我正在尝试利用文件中的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文件,还有其他人遇到过此问题吗?

查看更多

提问者
Ryan Holton
被浏览
16
Sun Haoran 2020-01-31 18:51

实现此目的的最简单方法是,只需将其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 }}