Я нахожусь в процессе преобразования приложения Polymer 2 в Polymer 3. У меня не работал Modulizer, поэтому я преобразовал его вручную. Благодаря великолепному руководству по обновлению, оно до сих пор было в основном прямым.
Однако осталась одна задача: в моем приложении Polymer 2 у меня был специальный html импорт (d3-import. html), который принес d3. js lib версии 3, которая поставляется в виде простого JavaScript файла (без модуля ES6!). Этот импорт был динамически загружен только на двух из 20 страниц, поскольку другие 18 страниц в нем не нуждались.
В Polymer 3 я не могу импортировать его как модуль ES6, поскольку он не является модулем. Загрузка его в моем главном запуске. html будет означать, что он будет загружен, даже если пользователь использует только остальные 18 страниц, которые ему не нужны. Я пытался написать скрипт-теги в шаблонах своих веб-компонентов, но это не сработало. К сожалению, я не вижу ошибок в инструментах браузера. Шаблон просто перестает загружаться в строке тегов script.
Есть идеи, как это сделать?
Дополнительный вопрос: так как я начинаю использовать lit-element в том же приложении. Как решить ту же проблему с lit-element?
Редактировать: Обратите внимание, что в настоящее время я не использую какие-либо шаги / инструменты сборки, за исключением сборки полимера, чтобы заменить пути модулей на фактические пути к файлам.