前端口袋小册-第 56 期

# Typescript 开发中引入 UMD 全局库

开发环境: Webpack + Typescript

一些可长期缓存的脚本资源

比如「lodash」

可通过 CDN 链接引入并长期缓存

再比如 React 和 ReactDOM 的 UMD 版本等

这样,可加快重复打开时页面的渲染速度

由于使用「Typescript」开发

需要必要的配置才能更好地使用

screenfull.js UMD 库为例:

1.在 index.html 引入 screenfull.js

点击这里 (opens new window) 随便下个版本

2.下载声明文件并导入到开发环境中 还是上面链接

找到对应版本的 .d.ts 文件下载即可

将其导入到开发目录下

比如常用的 src 目录

打开 tsconfig.jsontsconfig.js 文件

include

添加 "src/**/*"

如下:

"include": [
  "src/**/*"
]
1
2
3

3.修改 Typescript 配置项

打开 tsconfig.jsontsconfig.js 文件

compilerOptions

添加 "allowUmdGlobalAccess": true

如下:

{
  "compilerOptions": {
    // ....
    "allowUmdGlobalAccess": true
  }
}
1
2
3
4
5
6

这一步很关键

否则 Typescript 会类型报错等

如果提示:

screenfull 指 UMD 全局,但当前文件是模块。请考虑改为添加导入。

不用管它

到这里可愉快地使用三方库进行 Typescript 开发了

# 优质搜罗

# Github 国内镜像

Github 正常打开比较缓慢

可通过下面两个代理镜像站点打开:

cnpmjs (opens new window)

FastGit (opens new window)

另外gitee 也不错

与 Github 类似,属于代码管理平台

唯一的优势

面向国内用户

访问速度保证

# 聊点别的

近一年焦虑逐渐加重了

在没太清楚想要什么的情况下

买课、买书、付费星球、社群等

奈何本就精力有限

日常工作占据大部分

于是更加焦虑了

因为课、书、信息太多

积压形成的压力

持续下去会崩溃的

意识到之后

紧急叫停,不能这样下去

梳理了一下:

少即是多,轻装上阵才能跑得快

关停了消息、退出大部分的社群

暂停买课、买书

先消化

目标是远了点

但也要实际行动起来不是

另外:少透支未来的精力、期许

扫一扫,微信中打开

微信二维码