Как открыть модуль typescript с экспортом в global scope?

Question

[mix-9]

Доброго времени суток. Typescript + webpack при компиляции простого файл с классом этот класс доступен для обращения глобавльно. При добавлении экспорта / импорта файл исполняется, но глобально класс недоступен. Как исправить?

Предполагаю, что можно как-то по-отдельности скомпилировать ts файлы без импорта, после собрать в один, но как это настроить, слов import/export не использовал, собралось все равно как с ними?

const glob = require("glob");

module.exports = {
  entry: glob.sync('./src/*.js'),
  output: {
    filename: 'module.js',
    //path: path.resolve(__dirname, 'dist'),
  },
  optimization: {
      minimize: false
  }
};

Comments

[Алексей Ярков]

Примеров кода мы не увидим? Я верно понял?

[mix-9]

Алексей Ярков, добавил webpack конфигурацию, код ts тут не важен, но если что

export default class Reader {
    askName() {
        let name: string = window.prompt(<string>'your name');
    }
}

import Reader from './example222';

module Example {
    class Writer {
        greete(name: string): void {
            console.log(<string>"hello, " + name);
        }
    }
}

Answer 1

[Robur]

Ничего не понял, но
- "экспортировать" что-то в глобальную область видимости - плохая практика, надо вескую причину чтобы это делать
- пишите по простому - без 'module'
- настройте вебпак так чтобы он компилировал и собирал вам ts файлы. компилировать их отдельно и собирать отдельно не надо. как это сделать описано тут https://github.com/TypeStrong/ts-loader

Comments

[mix-9]

Спасибо, но это не то. Я хочу получить библиотеку для использования в обычном js. Проблема не с ключевым словом "module", а с "export/import". Ts-loader, как я понял, нужен только для глушения ошибок при использовании внешних глобальных объектов.

[Robur]

mix-9, нет, вы поняли неправильно. ts-loader нужен чтобы собрать результирующий файл посредством вебпака.

что именно "это" вам не то, я не понял, все что я написал ровно в той же степени относится к "получению библиотеки для использования в обычном js". в "обычном" js вы можете ровно так же писать import/export, если только вы не подразумеваете теги в html с куском jquery 5-7 летней давности.

[mix-9]

если только вы не подразумеваете теги в html с куском jquery 5-7 летней давности.

именно это я подразумевал. Что получилось написал в ответе ниже

ts-loader нужен чтобы собрать результирующий файл посредством вебпака

Спасибо, с этим еще поэксперементирую.

Answer 2

[mix-9]

Кажется, нашел ответ. Для вебпака добавил в конфигурацию

output: {
    library: 'MyModule',
    filename: 'example3.js',

Плюс к этому нашел пример сбора файлов в один

import {Example1} from './example1';
import {Example2} from './example2';

export {Example1} from './example1';
export {Example2} from './example2';

export class Example3 {
    constructor().....

Хотя выводить в глобальную область видимости, наверное, плохо, поэтому вторую часть скорее всего использовать не буду