vue3 打包依赖包

Vue 3 的打包依赖包需要使用工具类似于 webpack 或者 Vite。下面是使用 webpack 打包 Vue 3 依赖包的步骤：

1. 首先，确保你已经安装了 Node.js 和 npm。

2. 创建一个新的 Vue 3 项目，可以使用 Vue CLI 或者手动创建一个项目文件夹。

3. 进入项目文件夹，并在终端中运行以下命令安装 webpack 和相关依赖：

npm install webpack webpack-cli --save-dev

4. 创建一个 webpack 配置文件，比如 `webpack.config.js`，并在其中配置入口文件和输出文件路径。示例配置如下：

const path = require('path');

module.exports = {
  entry: './src/main.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist'),
  },
};

这里的 `./src/main.js` 是 Vue 3 项目的入口文件路径，`bundle.js` 是打包后的输出文件名，`dist` 是输出文件夹路径。

5. 在终端中运行以下命令打包项目：

npx webpack --mode production

这将使用 webpack 打包 Vue 3 项目，并生成 `bundle.js` 文件。

6. 打包完成后，在输出文件夹中会生成打包后的文件。你可以将这些文件上传到服务器或者在本地使用。

请注意，以上步骤仅演示了使用 webpack 打包 Vue 3 依赖包的基本过程，实际项目中可能还需要配置更多选项和处理其他依赖。如有需要，你可以根据具体情况进行相应的配置和调整。