Попытка создать более простой рабочий процесс dev-test-prod для моего клиентского разработчика, где у меня нет опции для сайта разработчика.
У меня есть действующий сайт, на котором у меня есть доступ только для добавления сценариев в HEAD через интерфейс на основе браузера (например, Wordpress / Shopify / etc). Используя эту опцию, я смог развернуть работающие клиентские приложения, добавив ссылки на пакеты JavaScript (созданные с помощью webpack4), которые я размещаю в CDN, которой я управляю (с включенным CORS). Там нет разработки сайта. Когда я хочу внести изменения в приложение, я внедряю эти изменения в тестирование на производстве. Чтобы не нарушать изменения для моих пользователей, я итеративно делаю очень незначительные изменения, чтобы быстро откатываться.
Что я хотел бы сделать, так это найти способ изменить только МОЙ опыт так, чтобы только для моего опыта я перехватывал запросы к определенным файлам JS при использовании живого сайта.
Я пытался использовать локальную рабочую область и функцию автономных файлов в Chrome, но у меня возникают проблемы, когда сгенерированные Webpack файлы JS не могут загружаться из моей локальной среды с ошибками CORS. Однако другие скрипты загружаются просто отлично.
В частности: у меня есть три файла: alpha.js, beta.bundle.js и charlie.bundle.js ... последние два представляют собой пакеты веб-пакетов, файл "alpha" представляет собой простой файл JS, который выполняет код в глобальная область (это похоже на то, что делает скрипт Google Analytics). Все три размещены и загружены из одного CDN. Я могу без проблем использовать автономные файлы Chrome и перехватывать alpha.js, но пакеты beta и charlie сообщают о проблемах с CORS.
Два вопроса: (1) почему комплекты веб-пакетов вызывают проблемы с CORS, а файл alpha.js нет & (2) - есть ли лучший вариант для того, чего я пытаюсь достичь (без создания сайта разработчика, который не вариант)?