@2Machiavelli
Front-end Dev

Как динамически менять пути к JS файлам в JSON файле во Vue Cli?

У меня есть проект на Vue Cli 4, в проекте есть JSON файл, в этом файле есть пути к JS файлам, то есть суть проста, этот файл проходит через GenerateJsonFileWepbackPlugin и ложиться в dist/ при сборке проекта, но проблема в том что в этом файле есть пути к JS файлам которые находятся в dist, то есть я могу прописать пути к этим файлам вручную, но мне придётся каждый раз их переписывать, вроде не страшно, но у этих файлов есть hash, то есть name.7e9572v.js меняться он динамически, и каждый раз записывать как-то трудоёмко, так вот, суть вопроса в том можно ли как либо на уровне обработки JSON через GenerateJsonFileWepbackPlugin дожить туда пути к обновлённым названиям JS файлов.
  • Вопрос задан
  • 101 просмотр
Решения вопроса 1
Aetae
@Aetae Куратор тега JavaScript
Тлен
Напиши свой плагин, там ничего сложного:
class RandomPlugin {
  apply(compiler) {
    compiler.hooks.emit.tapAsync(this.constructor.name, (compilation, callback) => {
      const chunkList = [];
      for (const chunk of compilation.chunks) {
        // тут какая-нить фильтрация
        chunkList.push(...chunk.files);
      }
      // тут запись в файл или ещё что
      console.log(chunkList);
      callback();
    });
  }
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 нояб. 2024, в 08:04
1 руб./за проект
22 нояб. 2024, в 06:06
1500 руб./в час
22 нояб. 2024, в 06:04
1 руб./за проект