vue.js - 如何在 VueJs 中指定构建文件项目的自定义名称

Question

我在生产文件中的缓存有一个小问题
Mb 有人知道我如何在 dist 中为 js 和 css 文件指定自定义名称，例如 chunk-24545415.js?v=232315
或者有人知道一些关于这个的指南

Answer 1

看看Code Splitting和 Magic Comments文档。

在您的 webpack.config.js您可以指定块文件名的格式。

module.exports = {
  //...
  output: {
    //...
    chunkFilename: '[id].js'
  }
};

遗憾的是，如果您想为每个块自定义名称，我为 Webpack 找到的最佳解决方案是使用 Magic Comments。

基本上，当您进行导入时，您会添加一个特殊的注释，指定块的名称。

 import(/* webpackChunkName: 'my-first-chunk' */ "./my-first-chunk.vue")

您还需要使用 [name]如果要使用魔术注释，请在 chunkFilename 中。
chunkFilename: '[name].js'