嗨，我只是想创建本教程，以使用Typescript创建中文检查器，并使用webpack对其进行编译和最小化。
最后生成的单个js文件的结果大小不超过2KB，而我们编写的代码将超过8KB
- DEUS EX：MANKIND已划分
- 使RPG制作者游戏脱颖而出的5种方法。
- After Burner Climax Mod Apk + Obb数据[解锁/无广告] 0.0.6 for Android
- 在流亡道路上做图集
- 游戏感— QWOP对阵NBA 2K
缩小75％！！
该项目尚未完成，但已经上传。
演示版
源代码
PS：此游戏的灵感来自android的* Chain Reaction *
小步骤：
让我们开始吧。 您需要满足以下先决条件才能开始本教程。
- 良好的代码编辑器，例如VS Code，括号，Atom等
- TypeScript的基本知识（甚至JavaScript都可以！！）
- 您计算机上安装的
webpack，webpack和http-server - 最重要的是，要开放思想以下技术
让我们开始吧：
首先，让我们安装一些在我们的项目中需要很多依赖的依赖项。在您的终端中运行以下命令**
npm i -g typescript webpack http-server
- 如果您使用的是Ubuntu，Mac或其他Linux发行版，则只需打开一个终端，否则找到
Node.js文件夹并单击Node.js Command prompt列表项（如果在Windows上）。 - PS：在ubuntu或mac或linux发行版上，您可能需要在上述命令前加上
sudo
让我们热身：
首先，我们将构建一些辅助函数来简化我们的编码。 例如，我们将声明一个函数$作为document.querySelector的替代品，因为我们将大量使用它并一次又一次地编写document.queryselector是一件大事 。
在您的根目录中，创建文件，其结构如下所示：
src –
- dom.ts
- 主要
index.html
styles.css
在您的dom.ts中添加以下代码：
正如您在上面看到的，此代码包含多个组件：
- 以
/**开头的注释称为JSDOC注释。 它们不仅提高了代码的可读性，而且还帮助代码编辑器了解随后显示给您的信息。 -
@param告诉代码编辑器它将有某种类型的参数。 在我们的例子中，我们声明以下函数采用string类型的参数selector - 评论后，真正的功能在那里。 它附有
export。 此export语法告诉Typescript编译器该功能也将被其他模块使用。 - 接下来，我们定义
$函数。 注意，我们在这里为参数设置了类型。 这强制了只能将字符串传递给此函数，甚至不能传递数字，布尔值，对象或数组。 - 我们返回的内容很容易理解。 我们将返回由
document.querySelector函数返回的相同document.querySelector。
现在，您可以每次使用简单的ol’ $函数，而不必每次使用document.querySelector('selector') 。
