微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

怎样进行vue-cli打包上线

php中世界最好的语言
发布： 2018-05-31 09:58:36
原创
1317人浏览过

这次给大家带来怎样进行vue-cli打包上线，vue-cli打包上线的注意事项有哪些，下面就是实战案例，一起来看一下。

以vue创建的官方例子为例子，我们在开发环境的时候会 npm run dev ，生成

而想要打包成一份很简单， 只需要 npm run build 这个命令

这两种命令的配置文件在config的index.js 一种是build 一种是dev ，而我们想要在本地查看打包后的成果，需要在assetsPublicPath 改变它的路径， 具体为什么，可以看index.html引入的文件路径

之后只需要放在服务器上运行就好了。

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

如何操作vue项目打包给服务器

怎样处理webstorm和.vue中es6语法报错

壁纸样机神器
壁纸样机神器

免费壁纸样机生成

壁纸样机神器 0
查看详情 壁纸样机神器

怎样使用webstorm添加*.vue文件

立即学习“前端免费学习笔记（深入）”；

以上就是怎样进行vue-cli打包上线的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：基于express中路由规则及获取请求参数的方法 下一篇：Node.JS段点续传：Nginx配置文件分段下载功能的实现方法_node.js
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
Vue 3 教程：如何在 data 和 props 属性同名时精确监听变更 Vue组件中data与props属性同名易致监听混淆。本文将解析Vue属性合并机制，强调避免同名最佳实践。通过CompositionAPI的watch函数，可精确区分并监听data或props中同名属性的变更。同时，推荐利用setup函数优化组件状态管理，从根本上解决命名冲突，提升代码清晰度与可维护性。
2025-11-07 19:58:22
716
Vue中处理Prop与Data同名时的Watcher行为与最佳实践 本文深入探讨Vue.js中props和data属性命名冲突的问题，以及如何利用CompositionAPI的watch函数实现对特定数据源（无论是prop还是组件内部data）的精确监听。文章强调了避免命名冲突的重要性，并提供了在不同场景下，包括使用this.$data和setup钩子，来构建清晰、可维护的响应式监听逻辑的专业指导。
2025-11-07 19:52:02
994
JavaScript中优化多个布尔条件判断：Array.some()的应用 本文探讨了如何在JavaScript中高效地重构多个逻辑或（||）条件判断。通过介绍Array.some()方法，我们展示了如何将分散的布尔检查转换为简洁、可维护的代码，提升可读性并利用其短路特性优化性能。文章提供了详细的代码示例和最佳实践，帮助开发者更好地处理类似的条件逻辑。
2025-11-07 19:46:01
1000
CSS动画实现图片循环横向移动并避免页面滚动 本文旨在解决CSS动画中图片从屏幕左侧移至右侧并循环往复时，可能导致的页面横向滚动问题。通过优化@keyframes的transform属性，结合父容器的overflow:hidden和position:relative设置，确保动画在视口内平滑执行，同时避免对页面其他绝对定位元素造成干扰，实现无缝的图片循环动画效果。
2025-11-07 19:41:12
334
ECharts 自定义图标样式指南：灵活控制填充与边框色 本文详细介绍了在ECharts中为自定义图标（如数据区域缩放工具）设置填充色和边框色的正确方法。不同于直接修改SVG路径中的fill属性，ECharts推荐通过iconStyle配置项中的color和borderColor属性来统一管理图标样式，从而实现更灵活、更易维护的视觉效果。
2025-11-07 19:30:14
121
CSS动画：实现图片无限循环左右滑动并避免页面滚动 本文详细介绍了如何利用CSS动画实现图片从屏幕左侧滑入，移动至右侧后再次从左侧滑入的无限循环效果，同时解决因动画元素超出视口导致的页面水平滚动问题。通过优化CSSkeyframes中的translateX值和父容器的overflow:hidden属性，确保动画流畅且不影响页面布局。
2025-11-07 19:30:01
681
JMeter脚本开发：Beanshell For循环调试与Groovy迁移指南 本文深入探讨JMeterBeanshell脚本中for循环常见的双重递增陷阱，解释其导致循环异常终止的原因，并提供正确的循环结构示例。在此基础上，强调JMeter官方最佳实践，建议开发者将脚本从Beanshell迁移至JSR223测试元件配合Groovy语言，以提升脚本性能、可维护性和执行效率。
2025-11-07 19:29:32
301
React应用中处理嵌套可点击元素事件传播：阻止子元素点击冒泡到父级链接 在React应用中，当一个可点击的父级元素（如Link）内部包含另一个可点击的子元素（如button）时，子元素的点击事件默认会冒泡到父级，导致父子事件同时触发。本教程将详细介绍如何通过在子元素的事件处理函数中使用event.stopPropagation()和event.preventDefault()来有效阻止这种事件传播，确保父子事件的独立响应。
2025-11-07 19:29:19
161
在HTML拖放事件中获取无标识拖动元素内Span文本的实践指南 本文详细阐述了在HTML拖放操作中，如何在drop事件中获取一个无ID、无Class、且不允许添加属性的拖动元素内部span标签的文本。通过利用jQuery的选择器功能，即使在无法直接通过dataTransfer传递复杂DOM信息的情况下，也能精准定位并提取所需内容。文章将提供单元素场景的实现代码，并探讨多元素场景下的挑战与推荐解决方案。
2025-11-07 19:14:03
584
深入理解与排查JWT过期时间设置问题 本文旨在探讨Node.js应用中JSONWebToken(JWT)过期时间设置不生效的常见问题，特别是当使用“7d”和“7h”等字符串形式的持续时间时。我们将通过分析一个实际案例，详细阐述如何正确配置JWT过期时间，并提供一套系统化的排查方法，包括验证生成令牌的有效载荷（payload）和检查关键参数的传递，确保令牌行为符合预期。
2025-11-07 19:13:01
209
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部