Nuxt.js-console.log构建版本

时间:2018-08-09 21:18:15

标签: vue.js vuejs2 nuxt.js

我将在带有Cloudfront的AWS S3上托管一个Nuxt站点,因此在部署时,我需要使CloudFront CDN失效。这意味着部署到

会花费一些时间

我想在应用程序启动时console.log(buildHash)。最好的方法是什么?

我可以将其添加到插件中,但是获取构建哈希的最佳方法是什么?

有一个manifest.xxx.js文件,该文件似乎包含项目中其他文件的构建哈希。对于每个唯一的构建,该清单哈希是否唯一?

谢谢!

1 个答案:

答案 0 :(得分:0)

这有点风滚草。这是我所做的:

用于打印清单哈希的插件:

```
// Statup and small stuff
window.onNuxtReady(() => {
  // Print build version of this script
  var scripts = window.document.getElementsByTagName('script')
  for (var i=0; i < scripts.length; i++) {
    // Get the script name
    var src = scripts[i].src
    src = src.substr(src.lastIndexOf('/') + 1)
    if (src && src.startsWith('manifest')) console.log('Hello ' + src)
  }
})

```

已添加到nuxt.config.js

```
  plugins: [
    'plugins/bootstrap-vue.js',
    'plugins/scroll.js',
    { ssr: false, src: '~plugins/etc.js' },
  ]
```