Перенос проекта nodejs, webpack с JavaScript на TypeScript

Привет, я не привык писать статьи в блог, но недавно я искал способы миграции моего проекта nodeJs с Javascript на typescript. Я понял, что существует не так много статей для проектов, использующих webpack. Это моя попытка поделиться своими знаниями в этой теме.

Вот несколько простых шагов:

Добавьте файл tsconf.js в корень вашего проекта. Добавьте в этот файл следующую конфигурацию

{
    "compilerOptions": {
        "outDir": "./dist",
        "allowJs": true,
        "target": "es5"
    },
    "include": [
        "./src/**/*"
    ],
    "exclude": [
        "node_modules"
    ]
}

npm install awesome-typescript-loader.

npm i awesome-typescript-loader

Добавьте следующее в файл webpack.config.js

module{
rules:[{ test: /.(t|j)sx?$/, use: { loader: 'awesome-typescript-loader' } },]

и

 resolve: {
        extensions: ['.ts', '.js'],
    },

Измените имя исходного файла с .js на .ts.

Изменение расширения файла на .ts выделит некоторые ошибки типов в вашем файле. Я бы рекомендовал просмотреть базовый учебник по typescript, чтобы понять, почему вы получаете эти ошибки типа. И как их исправить.

После исправления выделенных ошибок в исходных файлах запустите инструмент сборки, как вы обычно это делаете.