保姆级别手把手教会使用webpack打包vue项目的ts代码

一、准备工作

安装 Node.js：从 Node.js 官网 下载并安装适合你操作系统的 Node.js 版本。安装完成后，在命令行中运行 node -v 和 npm -v（或 yarn -v，如果你使用 yarn），确保 Node.js 和包管理器（npm 或 yarn）已正确安装。（本人是用npm 命令的方式，以下步骤操作都是使用npm命令方式）

二、初始化项目

1. 创建项目目录：用VScode或者其他代码编辑软件创建一个新的目录，作为你的项目根目录，例如 my-ts-project。

     2. 初始化 npm 项目：打开命令行工具，进入到项目根目录，然后运行 npm init -y（或 yarn init -y）来初始化一个 npm 项目。这将会自动创建一个 package.json 文件，用于管理项目的依赖和脚本。

三、安装必要的依赖

安装 TypeScript：

• 运行 npm install typescript ts-loader webpack webpack-cli webpack-dev-server html-webpack-plugin -D（或 yarn add typescript ts-loader webpack webpack-cli webpack-dev-server html-webpack-plugin -D）。 （建议直接复制命令执行）

对下载依赖的简单解析：

typescript：<