Как отлаживать код typescript, который связан с помощью webpack в vscode/vs2015
Вот мой рабочий процесс.
Модифицированный код typescript. Импорт: import { Logger } from './../data/logger';
Затем я свяжу его с помощью webpack (точно - webpack-stream) с ts-loader. Я запускаю webpack с помощью gulp.
Итак, у меня есть следующий рабочий процесс:
gulp → webpack (ts-loader) → в комплекте *.js с исходными картами. Я также использую browsersync для запуска простого сервера и автоматического обновления страницы.
Я могу отлаживать этот код из браузера, но я не могу из vscode (используя Отладка Chrome для VS-кода или даже из vs2015.
Что может вызвать проблему?
Ответы
Ответ 1
попробуйте это
Отладка TypeScript
Отладка TypeScript так же просто, как JavaScript.
Перейдите к конфигурациям отладки (CMD + SHIFT + P и введите отладка конфигурации)
Установите для программы значение /src/server/app.ts (или независимо от вашего пути)
Запустите конфигурацию Launch app.ts
Установите точку останова в app.ts
Ответ 2
Отладка Typescript немного отличается от отладки кода С#. Вам нужно отлаживать от SourceMap.
Чтобы узнать больше о SourceMap, проверьте эту ссылку.
Отладка исходного уровня доступна в Typescript, поскольку версия 0.8.1
И если вы хотите больше узнать об использовании Typescript в Visual Studio 2015, у Telerik есть отличный пост в своем блоге разработчиков .