vue.js打包,vue前端如何打包

　　本文主要介绍Vue项目的包装方法，具有一定的参考价值。感兴趣的朋友可以参考一下，希望能帮到你。

目录

　　一、相关配置(使用的工具是vue-cil)二、配置。使用的工具是webpack II。包装摘要

一、相关配置

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

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

　　//包配置文件

　　模块.导出={

　　资产目录：静态，

　　平行：假，

　　公共路径：“”。/,

　　};

　　结构如下：

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

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

　　assetsPublicPath:“”。/

　　结构如下：

二、打包

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

　　成功后会有如下提示；

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

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

总结

　　本文到此为止。希望能帮到你，也希望你能多关注我们的更多内容！

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