import * as from 与 declare var

发布时间：2018-12-14 10:26:42 修改时间：2019-01-03 15:46:44 阅读：6494 评论：0 0

import 语法

现在引用模块推荐的写法是 import 语法

nodejs 原生或者 webpack 默认环境并不支持

通常我们使用babel来实现 import 语法支持

typescript支持更为标准的 import 语法

普通export写法

//a.ts

module.export = { a: 1, b: 2 }

//a2.ts

export let data = { x: 1, y: 2 }

//b.ts

//这种写法一般用于引用node_modules上安装的其他库

import * as aData from './a'

import { data } from './a2'




默认export写法

//x.ts

export default { a: 1, b: 2 }

//y.ts

import data from './x'

//>这种写法用于引入我们使用export default定义的默认导出

混合写法

//x.ts

export let data = { a: 1, b: 2 } 

export default { c: 3 } 

//y.ts 

import other, { data } from './x' 

console.log(data)

// { a : 1 , b : 2 }

console.log(other) 

// { c : 3 }

别名

//m.ts

export let data = { o: 1, p: 2 } 

export default { u: 3 }

 //n.ts 

import data, { data as data2 } from './m' 

console.log(data)

//{ u : 3 } 

console.log(data2)

//{ o : 1 , p : 2 }

修改项目中的引库语法由require('libName')改为import * as libName from 'lib'







项目中的全局变量创建自定义类型定义文件globals.d.ts

//globals.d.ts

//应用程序工具库 

declare var appUtils: any 

//指向 src/common 的绝对路径 

declare var COMMON_PATH: string 

//node程序的运行环境状态 development | test | production 

declare var NODE_ENV: string 

//shims.d.ts 第三方插件变量全局定义 

import * as lodash from 'lodash' 

declare global { 

       /** * lodash */ 

       const _: typeof lodash 

}

---