本章内容

1. 什么是 webpack loader
2. 可选链介绍
3. loader 实现可选链

什么是 webpack loader

webpack loader 是 webpack 为了处理各种类型文件的一个中间层，webpack 本质上就是一个 node 模块，它不能处理 js 以外的文件，那么 loader 就帮助 webpack 做了一层转换，将所有文件都转成字符串，你可以对字符串进行任意操作/修改，然后返回给 webpack 一个包含这个字符串的对象，让 webpack 进行后面的处理。如果把 webpack 当成一个垃圾工厂的话，那么 loader 就是这个工厂的垃圾分类！

条件逻辑是我们JavaScript开发者每天都要打交道的基础概念。传统上，我们主要依赖

TypeScript 3.7 实现了呼声最高的 ECMAScript 功能之一：可选链（Optional Chaining）！

那么什么是可选链呢？简单的说： 可选链的核心是 ?. 运算符，用于可选的属性访问。

直接看代码

# 以前我们写东西是这样的，三层属性足够我们写出一条裹脚布～

const street = user && user.address && user.address.street;

# 以后我们写东西是这样的，代码少，可读性好
const street = user?.address?.street

JavaScript 中的 ?.

美国Axios新闻网援引消息人士爆料，中东之行前，美国总统特朗普当地时间8日在白宫会见了以色列战略事务部长德尔默，讨论了与伊朗就核问题举行的谈判以及加沙冲突问题。报道称，德尔默是以色列总理内塔尼亚胡的“密友”。白宫新闻发言人卡罗琳·莱维特证实了本次会见，并称这是一次“私人会晤”。

报道称，美国和以色列均未公开此次会晤，两名消息人士向该媒体透露了这一消息。一名消息人士还称，美国副总统万斯、国务卿鲁比奥和中东问题特使威特科夫也参加了本次会晤。

当地时间20日，据俄新社援引Axios新闻网报道，美国驻俄罗斯大使沙利文拒绝离开俄罗斯返回美国进行俄美关系探讨。

△美国驻俄罗斯大使沙利文

据美国媒体报道，美国当选总统特朗普在一则最新网帖中称，拿下地处北美和欧洲之间的世界最大岛屿格陵兰岛的所有权和控制权，对美国的国家安全“至关重要”。

有美国媒体猜测说，这可能意味着特朗普打算在上台后让美国政府花钱买下这个目前归丹麦管辖的自治领土。

根据美国Axios新闻网的报道，特朗普是在宣布他提名的美国驻丹麦大使人选时，提出要让美国拿下格陵兰岛的。

来源：环球网

【环球网报道】美国Axios新闻网援引消息人士爆料，中东之行前，美国总统特朗普当地时间8日在白宫会见了以色列战略事务部长德尔默，讨论了与伊朗就核问题举行的谈判以及加沙冲突问题。报道称，德尔默是以色列总理内塔尼亚胡的“密友”。白宫新闻发言人卡罗琳·莱维特证实了本次会见，并称这是一次“私人会晤”。

德尔默 资料图 图源：以媒

报道称，美国和以色列均未公开此次会晤，两名消息人士向该媒体透露了这一消息。一名消息人士还称，美国副总统万斯、国务卿鲁比奥和中东问题特使威特科夫也参加了本次会晤。

前言

完成效果

gif 图较大，耐心等待，源码见文末

为了上班摸鱼合理的玩游戏，我写了一个3d塔防游戏，其中功能包含动画、敌人运动、放置武器、升级武器、销毁武器、动态检测等功能。请动动小手，点赞收藏，这就发车~