Question

我在react应用程序中使用了很多库。我尝试将代码组织为1个class = 1文件。因此，在每个文件的标题中都有大量的import语句：

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 {我所有的常规进口商品}”

现在的方式很烦人。

您能建议我一个解决方案吗？

我的应用程序是带有VSCode编辑工具的create-react-app React + Typescript 2.0 + Webpack解决方案。

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'

打字稿批量导入模板

1 个答案: