Как я могу остановить изменение имен файлов в Webpack?
Я очень новичок в вебпаке.
Я настроил шаблон шаблона с vue-cli, В настоящее время, когда я бегу npm run build мои файлы будут скомпилированы в /dist/build папку, а затем разделить на js а также css папки.
Я делаю тему WordPress, и я получаю доступ к файлам из <script> а также <style> теги. Это работает … Но каждый раз, когда я перекомпилирую Webpack через npm run buildимена файлов рандомизируются, добавляя в конце строку случайных символов (что делает невозможным обращение к файлам напрямую из index.php).
Есть ли способ остановить рандомизацию имен файлов в Webpack? Я не хочу обновлять мой index.php каждый раз, когда я компилирую. Или я иду по этому пути неправильно?
Решение
Это особенность — идея в том, что вы можете разрешить браузерам кэшировать ваш js / css как можно дольше, но меняйте фактическое имя файла каждый раз, когда вы изменяете файл, чтобы браузеры не распознавали его и не использовали кэшированная версия. Но для этого требуется, чтобы у вас был способ обновить исходный код HTML с помощью обновленных имен файлов в каждой сборке (конечно, есть пакеты для автоматизации).
Но если вы не хотите этого делать, вам не нужно. Конфигурация webpack позволяет вам указать имя файла для сборки. output.filename это поле конфигурации, которое вы используете. Увидеть документы на выходе здесь для получения дополнительной информации.
Другие решения
Других решений пока нет …