typescript - 打字稿批量导入模板
问题描述
我在我的反应应用程序中使用了很多库。我尝试将代码组织为 1 class=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...
每个项目如何导入一次?或者至少使用某种别名,例如“请导入 {我所有常用的导入}”
现在的样子很烦人。
你能给我一个解决方案吗?
我的应用程序是带有 VSCode 编辑工具的 create-react-app React+Typescript 2.0+Webpack 解决方案。
解决方案
将它们全部导入并导出到一个共享的导入文件中,然后您可以在所有文件之上使用该文件。这是一个带有两个导入的简短示例:
// 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'
推荐阅读
- php - 如果参数不在数据库中,则 Livewire 转到错误 404
- c# - 从 JSON 文件生成 HTML 视图模板
- c# - 为什么我的应用程序在连接到串行端口时两次导航到 MainPage 时停止响应?
- javascript - asp.net mvc ajax json未定义数据到数据表
- javascript - Google AMP 多个 amp-link-rewriter 配置
- javascript - 直接在 chrome 中将原始缓冲区显示为图像
- javascript - 我的 google sheet javascript 程序不删除行,为什么?
- amazon-web-services - 谷歌图表是否直接支持dynamoDB?
- spring-boot - 有没有办法在不使用任何 IDE 的情况下从终端或控制台自动重新加载 maven spring-boot 项目?
- pandas - Pandas 列未正确更新