В этом руководстве мы выполним некоторые базовые преобразования исходного кода с помощью Babel. Многие люди находят идею преобразования кода пугающей и недоступной, но, используя мощь AST (абстрактных синтаксических деревьев) и набор инструментов, предоставленных нам Babel, большая часть тяжелой работы делается за нас. Примечание . Примеры в статье будут включать код, специфичный для react , redux и react-redux , но знакомство с этими библиотеками не обязательно для этого..

В моей предыдущей статье я описал мой личный способ настроить общий проект JavaScript . В настоящее время мой интерес сосредоточен на изучении классного фреймворка под названием React , о котором вы, возможно, слышали . Я слежу за рядом книг и руководств, но я достигаю глубокого понимания новой структуры, языка или технологии, постоянно пробуя свой код, изменяя, запуская, чтобы посмотреть, что произойдет. Я решил обновить предыдущую настройку проекта, чтобы создать среду, готовую..

TL;DR Если вы хотите перейти на TypeScript , но не хотите переносить весь свой код одновременно, вы можете настроить webpack на объединение кода TypeScript и JavaScript. Вы можете найти демо-проект здесь . Как? Чтобы добавить TypeScript в проект веб-пакета, вы можете выполнить следующие шаги: Установите необходимые dev-зависимости: npm install --save-dev @types/jest awesome-typescript-loader typescript @types/lodash Создайте файл tsconfig.json, чтобы указать, что вы хотите..