vue打包的dist如何部署服务器,vue打包dist文件可直接浏览器打开吗

　　本文主要详细介绍Vue项目的打包方法(生成dist文件)。用示例代码详细介绍，有一定的参考价值，感兴趣的朋友可以参考一下。

　　:

目录

　　 1.相关配置1。(使用的工具是vue-cil) 2。(使用的工具是webpack) 2。包装

一、相关配置

情况一（使用的工具是 vue-cil）

　　如果项目是用vue-cli创建的，项目目录下没有config文件夹，需要我们自己建一个配置文件；在根目录src中创建vue.config.js文件。请注意，文件名必须是vue.config.js，然后将以下代码插入该文件：

　　//包配置文件

　　模块.导出={

　　资产目录：静态，

　　平行：假，

　　公共路径：“”。/,

　　};

　　其结构如下：

情况二（使用的工具是 webpack）

　　如果您使用的是webpack，请直接在config:

　　assetsPublicPath:“”。/

　　其结构如下：

二、打包

　　配置完成后，调出控制台，输入打包命令npm run build开始打包；

　　成功后会有如下提示；

　　并且在项目目录下会自动生成dist文件夹；

　　Dist文件夹是我们需要的包，然后放在服务器上进行部署。注意，打包后，无论项目中做了什么更改，npm run build都需要重新打包。

　　关于Vue项目打包方法(生成dist文件)的详细说明，本文到此为止。更多Vue项目的相关打包内容，请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。