vue的部署上线

    项目本地开发完成后,我们就需要将代码 部署到线上服务器。再次之前,就需要把这些零散的文件打包成一个css和js文件,以减少http的请求数,避免额外的性能损耗。

    vue-cli提供了代码编译、合并、压缩的脚本build/build.js,运行npm run build后,得到文件如下所示

build.js将组件中的css变异合并成一个app.[hash].css文件。

js则在合并后又拆分成了3个文件,app.[hash].js包含了所有components中的js代码,vendor.[hash].js包含了所有引用的node_modules中的代码,而mainfest.[hash].js则包含了webpack运行环境,以及模块化 所需的js代码。

这样拆分的好处是,每块组件修改重新编译后,不影响其他未修改的js文件的hash值,这样能够最大限度的使用缓存,减少htttp请求。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值