javascript - 如何从 javascript 读取 mix-manifest.json

Question

我使用 laravel-mix 缓存了我的图像。对于 Blade 中的图像，它有效。但是我不知道如何从 javascript 访问该版本化路径。

是否可以从编译的 JavaScript 中读取 mix-manifest.json ？这样我就可以创建一个 mixin 并获取版本化路径

例如，在我的 mix-manifest.json 中，我有

"/images/hello.svg": "/images/hello.svg?id=0360de485c68385550da",

我想如果我可以从编译的 JavaScript 中读取 mix-manifest.json ，我就可以创建一个像

这样的辅助方法

export default {
  methods: {
     mixPath(path) {
        let manifestObj = // read mix-manifest.json
        return manifestObj[path];
     }
  }
}

Answer 1

我可以使用以下方式访问 mix-manifest.json

const vm = this;

if (!Vue.prototype.BROWSER_BUILD) {
     let path = require("path");
     this.manifestPaths = JSON.parse(require('fs').readFileSync(path.resolve('./mix-manifest.json'), 'utf8'));
} else {
     axios.get('/mix-manifest.json').then(json => {
        vm.manifestPaths = json.data
     })
}

方法:

methods: {
    mix(path) {
        if (typeof this.manifestPaths[path] == 'undefined') {
            return this.manifestPaths[path];
        }

        return path;
    }
}

<小时/>

如果您知道更好的方法，我很高兴知道:)