编程 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宝典学习笔记（上）

Jan 10 Javascript

[原创]IE view-source 无法查看看源码 JavaScript看网页源码

Jul 19 Javascript

js控制div及网页相关属性的代码

Dec 19 Javascript

javascript Firefox与IE 替换节点的方法

Feb 24 Javascript

javascript 正则替换 replace(regExp, function)用法

May 22 Javascript

JavaScript中的关键字"VAR"使用详解分享

Jul 31 Javascript

javascript强制点击广告的方法

Feb 06 Javascript

AngularJS基础 ng-model 指令详解及示例代码

Aug 02 Javascript

浅谈Vue SSR 的 Cookies 问题

Nov 20 Javascript

详解vue.js移动端配置flexible.js及注意事项

Apr 10 Javascript

浅析微信小程序modal弹窗关闭默认会执行cancel问题

Oct 14 Javascript

JS实现可视化音频效果的实例代码

Jan 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

#{}(1) 增删查改(1) 克隆(1) 图片模糊(1) 外键(1) 选择器(1) 代理(2) SQL注入(2) canvas(2) flex(1)

You might like

在Windows下编译适用于PHP 5.2.12及5.2.13的eAccelerator.dll(附下载)

2010/05/04 PHP

PHP扩展模块Pecl、Pear以及Perl的区别

2014/04/09 PHP

php实现统计网站在线人数的方法

2015/05/12 PHP

PHP实现本地图片转base64格式并上传

2020/05/29 PHP

Mozilla 表达式 __noSuchMethod__

2009/04/05 Javascript

一个仿糯米弹框效果demo

2014/07/22 Javascript

用C/C++来实现 Node.js 的模块（二）

2014/09/24 Javascript

使用jsonp完美解决跨域问题

2014/11/27 Javascript

node.js中的fs.truncate方法使用说明

2014/12/15 Javascript

JS验证IP，子网掩码，网关和MAC的方法

2015/07/02 Javascript

JavaScript的ExtJS框架中数面板TreePanel的使用实例解析

2016/05/21 Javascript

JavaScript必知必会（二) null 和undefined

2016/06/08 Javascript

Bootstrap CSS组件之下拉菜单(dropdown)

2016/12/17 Javascript

详解如何去除vue项目中的#——History模式

2017/10/13 Javascript

详解从Vue-router到html5的pushState

2018/07/21 Javascript

浅谈vue项目用到的mock数据接口的两种方式

2019/10/09 Javascript

jquery实现图片无缝滚动蒙版遮蔽效果

2020/01/11 jQuery

JS数组方法push()、pop()用法实例分析

2020/01/18 Javascript

vue中用 async/await 来处理异步操作

2020/07/18 Javascript

python实现ping的方法

2015/07/06 Python

Python编程中字符串和列表的基本知识讲解

2015/10/14 Python

Python中死锁的形成示例及死锁情况的防止

2016/06/14 Python

使用Python的Scrapy框架十分钟爬取美女图

2016/12/26 Python

关于Python正则表达式 findall函数问题详解

2018/03/22 Python

python 利用栈和队列模拟递归的过程

2018/05/29 Python

把csv文件转化为数组及数组的切片方法

2018/07/04 Python

对python pandas读取剪贴板内容的方法详解

2019/01/24 Python

详解Django-restframework 之频率源码分析

2019/02/27 Python

python numpy数组中的复制知识解析

2020/02/03 Python

python神经网络编程实现手写数字识别

2020/05/27 Python

keras 回调函数Callbacks 断点ModelCheckpoint教程

2020/06/18 Python

马来西亚奢侈品牌购物商城：Valiram 247

2020/09/29 全球购物

春节联欢会主持词

2014/03/24 职场文书

供货协议书

2014/04/22 职场文书

go:垃圾回收GC触发条件详解

2021/04/24 Golang

MySQL数据管理操作示例讲解

2022/12/24 MySQL