欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue的部署上线

程序员文章站 2022-05-08 19:23:54
vue的部署上线 vue-cli提供了代码编译、合并、压缩的脚本build/build.js,运行npmrunbuild后,得到文件如下所示 build.js将中的css变...

vue的部署上线

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

vue的部署上线

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请求。