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 相关文章推荐
5个javascript的数字格式化函数分享
Dec 07 Javascript
使用js实现雪花飘落效果
Aug 26 Javascript
js友好的时间返回函数
Aug 24 Javascript
AngularJS  自定义指令详解及实例代码
Sep 14 Javascript
最通俗易懂的javascript变量提升详解
Aug 05 Javascript
angular指令笔记ng-options的使用方法
Sep 18 Javascript
Bootstrap实现可折叠分组侧边导航菜单
Mar 07 Javascript
详解angular路由高亮之RouterLinkActive
Apr 28 Javascript
微信小程序排坑指南详解
May 23 Javascript
详解element-ui中el-select的默认选择项问题
Aug 02 Javascript
vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作
Nov 16 Javascript
ztree+ajax实现文件树下载功能
May 18 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冒泡排序
2014/12/30 PHP
[原创]php简单防盗链验证实现方法
2016/07/09 PHP
TP3.2批量上传文件或图片 同名冲突问题的解决方法
2017/08/01 PHP
List Installed Hot Fixes
2007/06/12 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
2013/08/12 Javascript
Javascript学习笔记之相等符号与严格相等符号
2014/11/23 Javascript
对Web开发中前端框架与前端类库的一些思考
2015/03/27 Javascript
JavaScript变量的作用域全解析
2015/08/14 Javascript
js仿苹果iwatch外观的计时器代码分享
2015/08/26 Javascript
关于JS中二维数组的声明方法
2016/09/24 Javascript
jQuery之动画效果大全
2016/11/09 Javascript
vue之父子组件间通信实例讲解(props、$ref、$emit)
2018/05/22 Javascript
Element ui 下拉多选时新增一个选择所有的选项
2019/08/21 Javascript
mui js控制开关状态、修改switch开关的值方法
2019/09/03 Javascript
JS实现“全选”和"全不选"功能代码实例
2020/02/06 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
2020/02/15 Javascript
vue 监听窗口变化对页面部分元素重新渲染操作
2020/07/28 Javascript
在vue中使用inheritAttrs实现组件的扩展性介绍
2020/12/07 Vue.js
Python实现远程调用MetaSploit的方法
2014/08/22 Python
简单的Python2.7编程初学经验总结
2015/04/01 Python
Python3 模块、包调用&路径详解
2017/10/25 Python
Python中装饰器学习总结
2018/02/10 Python
django之导入并执行自定义的函数模块图解
2020/04/01 Python
纯CSS3代码实现switch滑动开关按钮效果
2016/08/30 HTML / CSS
美国最顶级的精品店之一:Hampden Clothing
2016/12/22 全球购物
加拿大租车网站:Enterprise Rent-A-Car
2018/07/26 全球购物
泰国国际航空公司官网:Thai Airways International
2019/12/04 全球购物
请问如下代码执行后a和b的值分别是什么
2016/05/05 面试题
副总经理工作职责
2013/11/28 职场文书
《九色鹿》教学反思
2014/02/27 职场文书
优秀德育工作者事迹材料
2014/05/07 职场文书
篮球兴趣小组活动总结
2014/07/07 职场文书
2014年社区居委会主任重阳节讲话稿
2014/09/25 职场文书
新闻通讯稿范文
2015/07/22 职场文书
病房管理制度范本
2015/08/06 职场文书
2016廉洁教育心得体会
2016/01/20 职场文书