Vue 3 打包项目

犬小哈 2023-04-06 21:39:56

前言

大家好，我是小哈~

上小节中，我们已经学会了如何启动一个 Vue 项目。本小节中，我们将学会怎么将一个 Vue 项目打包编译成静态文件。

首先，通过命令行进入到项目所在目录中，当需要将 Vue 项目打包发布到生产环境时，执行如下命令：

npm run build

打包 Vue 项目

执行成功后，会在项目文件夹中看到多了一个 dist 文件夹：

该文件下放置的就是编译后的静态文件，如 html、css、js 等相关文件：

Vue 项目编译后的文件

至此，该 Vue 项目就打包好了。