Я хотел бы включить json-файлы с угловым переводом в пакет webpack 4 (с разными кусками, использующими разбиение кода), чтобы я мог оптимизировать политику кэширования для этих файлов.
У меня есть приложение angularJS 1.65, использующее angular-translate, сконфигурированный следующим образом:
angular.module('app')
.config(['$translateProvider', function($translateProvider) {
$translateProvider
.useStaticFilesLoader({
prefix: '/translations/locale-',
suffix: '.json'
})
.useMissingTranslationHandler('ngTranslateErrorHandler')
.useSanitizeValueStrategy('escapeParameters');
}]);
Структура файла приложения:
app/
/dist
/js
/templates
/css
/translations
locale-it.json
locale-en.json
index.js
node_modules
webpack-config.js
Приложение связано с использованием веб-пакета 4, у меня есть разбиение кода для файлов поставщика и исходных файлов с соответствующим [contenthash] на именах файлов чанка, доступных в папке / dist.
Проблема в том, что, даже если я включаю файлы json / translations в комплект веб-пакета (выполняя импорт того же самого), библиотека angular-translate по-прежнему выполняет отдельные вызовы для получения locale-it.json илиlocale-en.json, следовательно, браузер не обнаруживает изменения этих файлов и, следовательно, не оптимизирует кэш.
Как я могу сделать это для достижения своей цели?В идеале я хотел бы включить основной языковой файл в основной чанк, а затем иметь разные чанки для каждого из языков.Конечно, у всех чанков будет тег [contenthash], поэтому при изменении json-файла имя соответствующего чанк-файла также будет меняться.
Я ценю вашу помощь!