Разделить логику Typescript на несколько файлов

Question

У меня есть несколько файлов машинописи в моем проекте и один входной файл index.ts (выходной файл создается webpack ).

Отдельные файлы с логикой export ничего.

Например.file-one.ts:

document.getElementById('btn').onclick = function() {
    console.log('Hello world');
}

Как мне импортировать файлы, подобные приведенному выше, в основной файл?

Например.index.ts:

import `./file-one`

ОШИБКА возврата:

ERROR in ./src/index.ts
Module not found: Error: Can't resolve './file-one.ts' in './src/index.ts'

Answer 1

Вы можете сделать это без каких-либо проблем ... модуль можно импортировать, даже если он ничего не экспортирует.

Я заметил, что вы используете галочку здесь ... этодолжна быть строка типа import. .file-one.ts (хотя обратная галочка в этом случае должна вызвать еще одну ошибку)путь к вашему файлу правильный, и он должен работать.

Answer 2

Например.file-one.ts:

export click() {
    console.log('Hello world');
}

Как мне импортировать файлы, подобные приведенному выше, в основной файл?

Например.index.ts:

import {click} from  `./file-one.ts`

document.getElementById('btn').onclick = click;