Как настроить webpack для сборки библиотеки из typescript с поддержкой bebel?

Question

[Leo Mavrin]

Никак не могу собрать правильно конфигурацию webpack, чтобы собиралась библиотека с глобальной областью видимости и с поддержкой старых браузеров, какой-нибудь es5 подошел бы. Проект пишется на typescript с синтаксисом es6 с промисами, классами и т.д. Не могли бы помочь примерами правильный конфигурации? Что зачем должно идти и кто за что отвечает? Я если правильно понимаю, то сначала webpack должен собрать typescript в js (он собирает его в es6), после должен пройтись babel. но на после него ломается область видимости, когда webpack пытается настроить ее. Я нашел, что babel умеет собирать с глобальной областью видимости но как это использовать, я не очень понял и из конфигурации сборку webpack с поддержкой глобальной обсластью видимости, можно выбросить, если за это будет отвечать bebel?

Comments

[twolegs]

Typescript может транспилироваться в es5, нужно просто указать такой таргет в compilerOptions в tsconfig.json

[Leo Mavrin]

twolegs, это да, но он его собирает не совсем как надо. Например я использую модули и при компиляции в es5 я бы не хотел использовать какие-то библиотеки типа AMD

Answer 1

[Василий Банников]

https://github.com/microsoft/TypeScript-Babel-Starter

Comments

[Leo Mavrin]

Не подскажите, как собрать это все в один файл, с глобальной областью видимости? По ссылки, примеры, где используются сторонние библиотеки для подключение модулей

[Василий Банников]

Невнимательно посмотрел, что в том репозитории лежит. Вот тут вообще всё есть
https://gist.github.com/c9s/8e2e621d6cfc4e7f8e778d...