Как указать произвольное имя файла сборки проекта в VueJs

Question

У меня небольшая проблема с кешем в производственных файлах. Мб кто-то знает, как я могу указать пользовательское имя для файла js и css в dist, как chunk-24545415. js? V = 232315 Или b кто-то знает руководство по этому поводу

Answer 1

Взгляните на Кодовое разделение и Маги c Комментарии Документация.

В вашем webpack.config.js вы можете указать формат имени файла чанка.

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

К сожалению, если вам нужно индивидуальное имя для каждого чанка, лучшее решение, которое я нашел для Webpack - это использовать комментарии Magi c.

Обычно, когда вы делаете импорт, вы помещаете специальный комментарий с указанием имени чанка.

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

Вам также необходимо использовать [name] в chunkFilename, если вы хотите используйте маги c комментарии.

chunkFilename: '[name].js'