FC是FunctionComponent的简写, 这个类型定义了默认的props(如 children)以及一些静态属性(如 defaultProps)。
display:contents于2016年就已经得到了Firefox的支持。display:contents使盒子不产生任何框 ，因此不会渲染其背景、边框和内边距，但颜色、字体等继承的属性还是会对其子元素产生效果。( 即在盒子上添加display:contents , 使盒子设置了background border padding width height 等属性会失效 )
空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。可选链操作符( ?. )允许读取位于连接对象链深处属性的值，在引用为 (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。
webpack中html-webpack-plugin插件生成多个html页面，引入不同的js文件。只要在插件配置文件中加入：chunks:["入口文件名"]即可，如果不加的话，会在生成的html页面中引入所有的入口文件。
Document.currentScript属性返回当前正在运行的脚本所属的元素。调用此属性的脚本不能是JavaScript模块，模块应当使用import.meta对象。
Element.closest() 方法用来获取：匹配特定选择器且离当前元素最近的祖先元素（也可以是当前元素本身）。如果匹配不到，则返回 null。
html-webpack-injector在一个html文档不同的位置如head、body处注入脚本，依赖HtmlWebpackPlugin的chunks属性。
node-portfinder自动检测当前端口是否被占用，如占用默认会返回最新端口。portfinder默认为8000端口，并扫描是否被占用，如占用递增+1为8001、8002、8003.。。。直到达到最大端口号（65535）。所以webpack-dev-server结合node-portfinder会启用多个端口。
require('./images/title.png').default即可
