Импорт TypeScript с расширением
Возможно, вы слышали о Deno — новой среде выполнения TypeScript.
Одно из основных различий между Deno и обычным TypeScript заключается в том, что вы должны включать расширение файла в оператор импорта. например:
import foo from './bar.ts'
^^
Я хотел бы написать код, совместимый как с Deno, так и с Webpack.
Как настроить Webpack, чтобы разрешить импорт с расширением .ts, как указано выше?
Кроме того, как я могу предотвратить следующую ошибку VSCode?
Ответы 1
Webpack можно настроить для разрешения расширений всех импортов с помощью свойства разрешения. Если в списке расширений есть пустая строка, веб-пакет также примет импорт с полным расширением. Пустая строка должна быть первой записью в списке.
module.exports = {
// ...
resolve: {
extensions: ['', '.ts', '.tsx' /*etc ...*/],
}
}
Если в списке расширений для использования нет пустой строки, webpack попытается импортировать что-то вроде ./bar.ts.ts вместо ./bar.ts.
Вы можете отключить предупреждения в VSCode из ts-компилятора, используя комментарий вида
// @ts-ignore TS6133
import foo from './bar.ts'