详解vue项目打包步骤


Posted in Javascript onMarch 29, 2019

终端运行命令 npm run build

打包成功的标志与项目的改变,如下图:

详解vue项目打包步骤

详解vue项目打包步骤

 点击index.html,通过浏览器运行,出现以下报错,如图:

详解vue项目打包步骤

那么应该如何修改呢?

具体步骤如下:

  1. 1、查看package.js文件的scripts命令
  2. 2、打开webpack.dev.conf.js文件,找到publicPath: config.dev.assetsPublicPath,按Ctrl点击,跳转到index.js文件
  3. 3、其中dev是开发环境,build是构建版本,找到build下面的assetsPublicPath: '/',然后修改为assetsPublicPath: './',即“/”前加点。
  4. 4、终端运行 npm run build 即可。

此时点击index.html,通过浏览器运行便,会发现动态绑定的static的图片找不到,故static必须使用绝对路径。将图片路径修改为绝对路径,至此,打包完成。

以上所述是小编给大家介绍的vue项目打包步骤详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript Undefined,Null类型和NaN值区别
Oct 22 Javascript
基于jquery的表头固定的若干方法
Jan 27 Javascript
鼠标移入移出事件改变图片的分辨率的两种方法
Dec 17 Javascript
HTML5使用DeviceOrientation实现摇一摇功能
Jun 05 Javascript
JavaScript事件处理的方式(三种)
Apr 26 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
Aug 09 Javascript
JavaScript与ActionScript3两者的同性与差异性
Sep 22 Javascript
jQuery生成假加载动画效果
Dec 01 Javascript
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
对于Javascript 执行上下文的全面了解
Sep 05 Javascript
Angularjs 1.3 中的$parse实例代码
Sep 14 Javascript
如何使用CocosCreator对象池
Apr 14 Javascript
jQuery实现动态添加和删除input框代码实例
Mar 29 #jQuery
Vue项目history模式下微信分享爬坑总结
Mar 29 #Javascript
vue中使用微信公众号js-sdk踩坑记录
Mar 29 #Javascript
微信小程序学习笔记之本地数据缓存功能详解
Mar 29 #Javascript
微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解
Mar 29 #Javascript
详解vue配置后台接口方式
Mar 29 #Javascript
微信小程序学习笔记之获取位置信息操作图文详解
Mar 29 #Javascript
You might like
php截取字符串之截取utf8或gbk编码的中英文字符串示例
2014/03/12 PHP
zf框架的校验器使用使用示例(自定义校验器和校验器链)
2014/03/13 PHP
浅谈PHP中的错误处理和异常处理
2017/02/04 PHP
PHP中register_shutdown_function函数的基础介绍与用法详解
2017/11/28 PHP
php-fpm中max_children的配置
2019/03/15 PHP
laravel框架实现后台登录、退出功能示例
2019/10/31 PHP
javascript 无提示关闭窗口脚本
2009/08/17 Javascript
Jquery在IE7下无法使用 $.ajax解决方法
2009/11/11 Javascript
基于jquery实现控制经纬度显示地图与卫星
2013/05/20 Javascript
js实现在字符串中提取数字
2013/11/05 Javascript
jQuery自定义事件的简单实现代码
2014/01/27 Javascript
js检测浏览器版本、核心、是否移动端示例
2014/04/24 Javascript
JavaScript将数字转换成大写中文的方法
2015/03/23 Javascript
jQuery实现内容定时切换效果完整实例
2016/04/06 Javascript
vue router 跳转后回到顶部的实例
2018/08/31 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
2019/04/28 Javascript
js实现表格数据搜索
2020/08/09 Javascript
easy_install python包安装管理工具介绍
2013/02/10 Python
linux系统使用python监测系统负载脚本分享
2014/01/15 Python
详解Python中的条件判断语句
2015/05/14 Python
python3实现SMTP发送邮件详细教程
2018/06/19 Python
Python基于opencv调用摄像头获取个人图片的实现方法
2019/02/21 Python
Pycharm远程调试原理及具体配置详解
2019/08/08 Python
通过自学python能找到工作吗
2020/06/21 Python
解决Pycharm双击图标启动不了的问题(JetBrains全家桶通用)
2020/08/07 Python
PyQt5的QWebEngineView使用示例
2020/10/20 Python
python 如何读、写、解析CSV文件
2021/03/03 Python
魔幻般冒泡背景的CSS3按钮动画
2016/02/27 HTML / CSS
CSS3对背景图片的裁剪及尺寸和位置的设定方法
2016/03/07 HTML / CSS
英国百年闻名的优质健康产品连锁店:Holland & Barrett
2019/12/19 全球购物
公务员的自我鉴定
2013/10/26 职场文书
七夕活动策划方案
2014/08/16 职场文书
绿色环保家庭事迹材料
2014/08/31 职场文书
出国签证在职证明范本
2014/11/24 职场文书
《圆明园的毁灭》教学反思
2016/02/16 职场文书
Python使用mitmproxy工具监控手机 下载手机小视频
2022/04/18 Python