编程 Javascript

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 如何打包上线的方法示例

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

*常用技巧

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

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

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

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

- Author -

薛伟杰

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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