vue如何打包

在Vue 项目中，可以使用 npm run build 命令来打包项目。具体步骤如下：

1. 修改路由(route)配置，将 history 改成 hash。
2. 在 vue.config.js 文件中添加路径 publicPath:' ./'。
3. 打开文件目录，在上方输入框输入 cmd 回车进入控制台，在控制台输入 npm run build，如果出现 building for production 表示正在以正常状态打包。
4. 生成完毕会出现一个 dist 文件夹，打开此文件夹双击 index.html，如果正常出现首页那意味着成功，如果是空白页，需要检查以上步骤是否一致。
5. 如果想要去除打包文件路径上的 #，请参照 Apache 方式（Vue 官网）。
6. 如果部署到服务器上，只需要修改 Nginx 的配置文件夹，将主页修改为 index.html，同时要注意文件路径。如果路径出错会出现500的服务器错误，这时候就需要查看错误日志了。

此外，还可以直接通过 VS Code 的 NPM 脚本中提供的 build 按钮来完成前端工程打包。

鹏仔前端 pjxi.com https://www.pjxi.com/