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 相关文章推荐
js prototype截取字符串函数
Apr 01 Javascript
javascript hasFocus使用实例
Jun 29 Javascript
javascript制作的滑动图片菜单
May 15 Javascript
JavaScript数组合并的多种方法
May 22 Javascript
Bootstrap源码解读排版(1)
Dec 23 Javascript
简单的JS控制button颜色随点击更改的实现方法
Apr 17 Javascript
详解Vue单元测试Karma+Mocha学习笔记
Jan 31 Javascript
webuploader实现上传图片到服务器功能
Aug 16 Javascript
vue监听input标签的value值方法
Aug 27 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
Oct 25 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
Jun 19 Javascript
浅谈vue中resetFields()使用注意事项
Aug 12 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 或网站服务器日志,并正确配置 PHP 安装最快的解决办法
2010/08/01 PHP
深入解析php中的foreach问题
2013/06/30 PHP
PHP简单实现二维数组赋值与遍历功能示例
2017/10/19 PHP
PHP大文件及断点续传下载实现代码
2020/08/18 PHP
document 和 document.all 分别什么时候用
2006/06/22 Javascript
jquery 插件开发方法小结
2009/10/23 Javascript
JavaScript中获取元素索引的函数
2010/09/10 Javascript
jQuery EasyUI API 中文文档 - Calendar日历使用
2011/10/19 Javascript
IE与Firefox在JavaScript上的7个不同句法分享
2011/10/30 Javascript
JavaScript计算某一天是星期几的方法
2015/08/05 Javascript
JS实现的车标图片提示效果代码
2015/10/10 Javascript
简单解析JavaScript中的__proto__属性
2016/05/10 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
2016/12/26 Javascript
基于jQuery实现滚动刷新效果
2017/01/09 Javascript
vue.js利用defineProperty实现数据的双向绑定
2017/04/28 Javascript
温故知新——JavaScript中的字符串连接问题最全总结(推荐)
2017/08/21 Javascript
基于vue v-for 循环复选框-默认勾选第一个的实现方法
2018/03/03 Javascript
vue 路由嵌套高亮问题的解决方法
2018/05/17 Javascript
快速解决bootstrap下拉菜单无法隐藏的问题
2018/08/10 Javascript
vue 使用html2canvas将DOM转化为图片的方法
2018/09/11 Javascript
Vue项目history模式下微信分享爬坑总结
2019/03/29 Javascript
JavaScript 截取字符串代码实例
2019/09/05 Javascript
js实现随机点名功能
2020/12/23 Javascript
简介Django中内置的一些中间件
2015/07/24 Python
Python聊天室程序(基础版)
2018/04/01 Python
在cmd命令行里进入和退出Python程序的方法
2018/05/12 Python
Keras实现DenseNet结构操作
2020/07/06 Python
Weekendesk意大利:探索多种引人入胜的周末主题
2016/10/14 全球购物
中秋节礼品促销方案
2014/02/02 职场文书
2014年教师思想工作总结
2014/12/03 职场文书
红楼梦读书笔记
2015/06/25 职场文书
离职告别感言
2015/08/04 职场文书
KTV员工管理制度
2015/08/06 职场文书
PHP实现rar解压读取扩展包小结
2021/06/03 PHP
你知道Java Spring的两种事务吗
2022/03/16 Java/Android
PostgreSQL 插入INSERT、删除DELETE、更新UPDATE、事务transaction
2022/04/12 PostgreSQL