分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

webpack打包后的文件

发布时间:2023-09-06 01:28责任编辑:白小东关键词:webpack

参考vue脚手架的webpack配置,做一个项目后,会发现产出目录经常有app.js, vendor.js,manifest.js,*.js.gz, *.js.map生成。

因为第三方引用模块代码通常很大,而且在不引入新的模块之前基本上是不会变动的,所以我们需要将业务代码和第三方引用模块代码分开打包,并利用浏览器的缓存去提高应用程序的首屏加载速度。

一、app.js

程序入口文件打包压缩了。

二、vendor.js

通过提取公共模块插件来提取的代码块,vendor.js最大,因为其包含了vue整个框架的代码,以及webpack的模块化代码,node_modules。

三、manifest.js

manifest是在vendor的基础上,再抽取出要经常变动的部分,比如关于异步加载js模块部分的内容。

四、*.js.gz

gz文件,压缩文件,实现按需加载。

五、 *.js.map

map文件,映射文件,方便调试。

webpack打包后的文件

原文地址:http://www.cnblogs.com/camille666/p/after_webpack_file.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved