vue-cli 如何打包上线的方法示例


Posted in Javascript onMay 08, 2018

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

vue-cli 如何打包上线的方法示例

而想要打包成一份vue-cli 如何打包上线的方法示例很简单, 只需要 npm run build 这个命令

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

vue-cli 如何打包上线的方法示例

vue-cli 如何打包上线的方法示例

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

*常用技巧

1.如果在config -> index.js 中的 build 代码中的 productionSourceMap的值设为false ,打包后文件体积可以减少百分之八十

2.如果设置build文件夹下的webpack.prod.conf.js中HtmlWebpackPlugin插件配置参数添加hash: true,即会使打包生成的index.html中的js和css路径带有?+随机字符串,也就是版本控制

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
Jun 29 Javascript
百度 popup.js 完美修正版非常的不错 脚本之家推荐
Apr 17 Javascript
javascript 框架小结 个人工作经验
Jun 13 Javascript
JavaScript中的逻辑判断符&&、||与!介绍
Dec 31 Javascript
详解JavaScript中Date.UTC()方法的使用
Jun 12 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
Oct 28 Javascript
JS函数定义方式的区别介绍
Mar 22 Javascript
JavaScript实现经典排序算法之插入排序
Dec 28 Javascript
angular中ui calendar的一些使用心得(推荐)
Nov 03 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
Nov 06 Javascript
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能
Jan 13 Vue.js
使用compose函数优化代码提高可读性及扩展性
Jun 16 Javascript
使用vue-cli打包过程中的步骤以及问题的解决
May 08 #Javascript
详解React-Router中Url参数改变页面不刷新的解决办法
May 08 #Javascript
angularjs实现的购物金额计算工具示例
May 08 #Javascript
Vue微信项目按需授权登录策略实践思路详解
May 07 #Javascript
Vue + better-scroll 实现移动端字母索引导航功能
May 07 #Javascript
node使用promise替代回调函数
May 07 #Javascript
node 使用 async 控制并发的方法
May 07 #Javascript
You might like
PHP Static延迟静态绑定用法分析
2016/03/16 PHP
Zend Framework数据库操作方法实例总结
2016/12/11 PHP
PHPExcel在linux环境下导出报500错误的解决方法
2017/01/26 PHP
php使用curl伪造来源ip和refer的方法示例
2018/05/08 PHP
js类 from qq
2006/11/13 Javascript
jquery对表单操作2
2011/04/06 Javascript
如何制作浮动广告 JavaScript制作浮动广告代码
2012/12/30 Javascript
利用毫秒减值计算时长的js代码
2013/09/22 Javascript
Jquery easyui开启行编辑模式增删改操作
2016/01/14 Javascript
jquery实现ajax加载超时提示的方法
2016/07/23 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
2016/10/27 Javascript
vue v-model表单控件绑定详解
2017/05/17 Javascript
Node.js+Express+MySql实现用户登录注册功能
2017/07/10 Javascript
AngularJS实现注册表单验证功能
2017/10/16 Javascript
Vue利用canvas实现移动端手写板的方法
2018/05/03 Javascript
JS实现字符串翻转的方法分析
2018/08/31 Javascript
vue 解决循环引用组件报错的问题
2018/09/06 Javascript
vue中选项卡点击切换且能滑动切换功能的实现代码
2018/11/25 Javascript
在Django中使用Sitemap的方法讲解
2015/07/22 Python
Python编程判断这天是这一年第几天的方法示例
2017/04/18 Python
Python RabbitMQ实现简单的进程间通信示例
2020/07/02 Python
python3 中时间戳、时间、日期的转换和加减操作
2020/07/14 Python
jupyter notebook更换皮肤主题的实现
2021/01/07 Python
惠普美国官方商店:HP Official Store
2016/08/28 全球购物
Java和Javasciprt的区别
2012/09/02 面试题
C语言编程练习
2012/04/02 面试题
在对linux系统分区进行格式化时需要对磁盘簇(或i节点密度)的大小进行选择,请说明选择的原则
2012/01/13 面试题
医药专业推荐信
2013/11/15 职场文书
消防安全员岗位职责
2014/03/10 职场文书
艺术学院毕业生求职信
2014/07/09 职场文书
遗失说明具结保证书
2015/02/26 职场文书
建国大业观后感800字
2015/06/01 职场文书
2016年猴年新春致辞
2015/08/01 职场文书
Python基础之变量的相关知识总结
2021/06/23 Python
Spring Boot 底层原理基础深度解析
2022/04/03 Java/Android
Mysql 数据库中的 redo log 和 binlog 写入策略
2022/04/26 MySQL