编程 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 相关文章推荐

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