Использование веб-пакета в сочетании с веб-формами

Question

У меня есть конфигурация веб-пакета, которая связывает все зависимости для моего веб-приложения. Веб-приложение довольно старое и сделано с использованием веб-форм. Я ухожу от использования встроенного миниатюра .NET и загрузчика пакетов и вместо этого использую пакеты поставщиков веб-пакетов и т. Д.

Моя проблема заключается в том, что веб-приложение обслуживается из виртуального каталога, поэтому мне нужно иметь возможность надежно находить все необходимые файлы * .js во время выполнения для веб-приложения. По моему мнению, это выглядит как веб-пакет, «каким-то образом» производящий вывод файлов, которые он написал (включая хеши и т. Д.), Затем каким-то образом помещающий это в мои главные страницы или что-то в этом роде. Я знаю, что есть плагин HTML для веб-пакета, но я не знаю, как с этим справиться, чтобы просто создать список файлов * .js, или если это даже на правильном пути.

Как загрузить файлы webpack'd * .js и * .css из веб-форм?

Answer 1

Для начала вам нужно установить assets-webpack-plugin и настроить его в своем веб-пакете.Вы можете получить доступ к этому пакету здесь: npmjs.org

Почему это полезно?

При работе с Webpack вы, возможно, захотите создать свои пакетыс сгенерированным хешем в них (для очистки кеша).Этот плагин выводит файл json с путями сгенерированных ресурсов, так что вы можете найти их где-то еще.

Здесь есть хороший учебник для динамического добавления стилей и сценариевв ASPX.

{
    "one": {
        "js": "/js/one_2bb80372ebe8047a68d4.bundle.js"
    },
    "two": {
        "js": "/js/two_2bb80372ebe8047a68d4.bundle.js"
    }
}

На вашей aspx или главной странице веб-форм вы можете легко де-десерилизовать этот JSON и загрузить ресурсы скрипта и стиля на свою страницу.

Я использую assets-webpack-plugin в своем проекте MVC, и я уверен, что не будет проблем с его использованием в ASPX WebForms.