Шаблон массового импорта Typescript

Question

Я использую много библиотек в своем приложении реакции. Я пытаюсь организовать код как 1 класс = 1 файл. И поэтому в заголовке каждого файла есть масса операторов импорта:

import * as React from 'react';
import { observer } from 'mobx-react';
import { style } from 'typestyle';
import { Spring } from 'react-spring';
import { global } from '../../Model/global';
import { action } from 'mobx';
and so on...

Как я могу импортировать его один раз для проекта? Или, по крайней мере, используйте какой-нибудь псевдоним, например "import {весь мой обычный импорт}, пожалуйста"

То, как это сейчас, очень раздражает.

Можете ли вы предложить мне решение?

Мое приложение - решение для создания-реагирования-приложения React + Typescript 2.0 + Webpack с инструментом редактирования VSCode.

Answer 1

импортируйте и экспортируйте их все в общий файл импорта, который вы затем сможете использовать поверх всех ваших файлов. Вот сокращенный пример с двумя импортами:

// myimports.ts
import * as _React from 'react';
import { observer as _observer } from 'mobx-react';

export React = _React;
export observer = _observer;

// server.ts
import * from './myimports'