vue打包与发布（Vue打包发布）

vue打包与发布（Vue打包发布）打开浏览器，输入地址：http://localhost:8088/ 回车查看结果如图4图3等待项目打包完成后，项目会多次一个dlist文件夹这个dlist文件夹就是我们要的打包结果。图2将我们dlist文件夹下的文件全部拷贝，打开IIS找到我们的站点。点击右键浏览，将我们拷贝的文件放到此目录下。

使用vscode 打开建好vue项目，点击终端新建终端输入:npm run build 回车

这里有个点需要注意一下，在build前我们要在项目的config文件夹下找到index.js文件修改配置参数，这里我以我的项目为准修改了：

host: 'localhost' // can be overwritten by process.env.HOST

port: 8088 // can be overwritten by process.env.PORT if port is in use a free one will be determined

图1

终端查看打包结果

等待项目打包完成后，项目会多次一个dlist文件夹这个dlist文件夹就是我们要的打包结果。

图2

将打包好的文件拷贝到IIS站点上

将我们dlist文件夹下的文件全部拷贝，打开IIS找到我们的站点。点击右键浏览，将我们拷贝的文件放到此目录下。

图3

在浏览器查看结果

打开浏览器，输入地址：http://localhost:8088/ 回车查看结果如图4

图4

好了，这个就是我们对Vue项目打包发布的一个简单介绍使用，喜欢的留个关注，点个赞！谢谢