Webpack: использование нескольких целей построения

Question

Учитывая (Angular-) Webapp с процессом Webpack-buildprocess, я хотел бы добавить несколько параметров сборки в мою конфигурацию Webpack.

Есть много учебников о том, как изменить ваш webpack.config во время компиляции, что уже полезно (и, вероятно, все, что мне нужно), чтобы получить dev и prod работает.

Однако я надеялся, что есть способ параметризовать процесс сборки, чтобы различные файлы использовались для процесса сборки.

Вопрос

Как настроить Webpack заменить все *.js/*.html -Files с файлами под названием *.mobile.js/*.mobile.html (если таковая имеется) во время сборки шага?

Bonusquestion: Как исключить из окружения специфических import заявления через WebPack-конфигурацию?

Пример

Я получил несколько вида/контроллер-пара, которые связаны между собой с помощью $stateprovider углов главного. В мобильной версии webapp большинство из HTML-просмотров должно быть шаблоном, оптимизированным для мобильных устройств.

Если я использую несколько точек входа для webpack для создания настольной версии и мобильной версии, мне придется переписать каждый файл, где требуются или импортируются HTML-файлы для каждой из моих целей сборки, и указать новый имена файлов вручную.

Это приведет к многократному дублированию кода и будет трудно поддерживать.

Answer 1

Я закончил с использованием следующих в моем webpack.config

const target = env && env.mobile ? 'mobile' : 'desktop' 

resolve: { 
    extensions: [`.${target}.js`, '.js', `.${target}.html`, '.html'] 
}