vue打包出来有很多map文件使得包很大，怎么去掉？

最新推荐文章于 2024-10-18 16:51:31 发布
原创 最新推荐文章于 2024-10-18 16:51:31 发布 · 3.4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何在config/index.js文件中禁用生产环境的sourceMap功能，通过将productionSourceMap的值设置为false，可以有效减少生产环境中源代码的体积，提高加载速度。

config/index.js

 

找到  "productionSourceMap"，将值改为false就好

Vue2 - 最新实现将多个文件批量导出为ZIP压缩包格式并下载功能，纯前端下载多个文件打包输出成zip格式，vue2将文件批量下载打包成ZIP下载保存本地（后端二进制文件流/base64图片/url
🏆 前端领域优质创作者
11-08 1万+
vue，vue2批量导出文件打包成压缩包，Vue中将文件批量下载打包成zip格式，批量下载图片并打包成压缩包，vue导出多个pdf或excel打包成zip压缩包进行下载，批量下载文件并打压缩包，vue中如何批量下载文件并生成zip格式文件，文件通过服务端接口返回二进制文件流如何处理，批量文件打包压缩，Vue中如何批量导出文件(图片/PDF)并打包压缩成ZIP，vue项目实现多张图片导出zip文件，vue导出pdf文件很多如何变成导出一个zip文件，jszip插件处理文档流，vue中下载多个文件打包为一个zi
vue项目打包优化
云之彼端的博客
04-21 1697
最近入职了新公司，接手了一个新拆分出来的Vue项目,针对该项目做了个打包优化，把经验分享出来，注意本分享只针对打包大小上做的优化。 打包分析 vue cli已经集成了打包分析可直接使用，在package.json中script中加入"report": "vue-cli-service build --report"，执行npm run report打包会生成report.html文件，直接在浏览器打开可查看各个包的大小，对其进行针对性分析，优化。如下图。 打包优化 1.减少无用库的引用 因为该vue项目是
Vue打包后出现.map文件
qq_37609418的博客
11-25 882
运行 npm run build命令打包之后发现多了很多.map文件，占体积最大 搜索之后发现 map文件的作用：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。 有了map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。 解决办法：去config/index.js中改一个参数： productionSourceMap:false 把这个改为false。不然在最终打包的文件中会出现一些map文件 ...
解决Vue项目打包后文件过大问题
潇潇来吃瓜的博客
03-23 6053
在做首屏加载时间优化时，会发现chunk-vendors.js这个文件巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。
Vue打包后JS文件夹中出现一些较大的map文件的解决方法
高先生的猫
09-01 2675
1.在项目下进入目录：项目包/config/index.js 或者vue.config.js 找到productionSourceMap /** * Source Maps */ productionSourceMap: true, // https://webpack.js.org/configuration/devtool/#production devtool: '#source-map', 2.将productionSourc...
去除：Vue项目打包后生成的.map文件&文件hash值命名
michiko98的博客
03-21 1602
文件中设置productionSourceMap和filenameHashing项为false即可。
解决vue打包后出现的.map文件
sslcsq的博客
10-29 3070
在vue.config.js中 module.exports = { productionSourceMap: false, // 生产环境是否生成 sourceMap 文件，一般情况不建议打开 } 在设置了productionSourceMap: false之后，就不会生成map文件，map文件的作用在于：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。也就是说map文件相当于是查看源码的一个东西。如果不需要定位问题，并且不想被看到源码，就把pro
Vue打包后出现一些map文件的解决方法
08-28
这对于开发阶段来说是很有帮助的，但在生产环境中，由于代码通常不会进行频繁的调试，所以去除.map文件可以减小文件大小，提高加载效率。 解决Vue打包后生成.map文件的方法主要涉及到Webpack的配置。在Vue项目中，...
使用vue打包时vendor文件过大或者是app.js文件很大的问题
10-18
以上介绍的方法，可以有效解决使用Vue打包时vendor文件过大和app.js文件体积过大的问题。通过CDN引入依赖、配置webpack externals以及使用Vue路由懒加载，可以降低打包文件的大小，提高应用的加载性能。同时，取消...
vue打包文件太大导致加载时间太久,开启gzip减少文件体积
qianduan1020的博客
09-14 677
第一步:安装依赖: npm i compression-webpack-plugin -D 第二步:在vue.config.js中配置: const CompressionWebpackPlugin = require('compression-webpack-plugin') const isProduction = process.env.NODE_ENV === 'production' module.exports = { publicPath: './', assetsDir: 'st
Vue项目打包处理map文件
XunLin233的博客
12-21 1656
项目打包过后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。有了map文件就可以像未加密压缩那样，准确的输出是哪一行哪一列有错。再次npm run build进行打包，就不会打包map文件了。其实大部分情况下项目上线了，也不会再去管哪一行报错的问题了。所以该文件如果项目不需要是库去除掉的。
vue打包后生成map文件调试
qq_41177135的博客
06-19 1377
vue打包后生成map文件调试
Vue项目中常见问题(64)处理map文件
qq_46368050的博客
05-26 1791
gitee仓库地址:https://gitee.com/CMD-UROOT/sph-project/commits/master 大家根据上传历史进行查找你需要的代码 打包我们的项目 在我们项目的这个目录下: 鼠标右键: 弹出我们输入npm run build 打包成功后,多了一个dist文件 现在我们可以单独打开dist文件看看,当然以后只需要dist文件了其他的都不用了 这些文件我们都认识,但是js中有一种文件的格式,MAP文件我们不认识 ...
Vue打包后dist文件夹中出现一些map文件的解决方法和导致Vue源码泄露问题
Mygongzi的博客
10-18 1026
Vue打包后dist文件夹中出现一些map文件的解决方法和导致Vue源码泄露问题
【Vue】JS文件中.map文件的作用|路由懒加载
weixin_62374100的博客
08-07 341
项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错 有了map 就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。 所以该文件如果项目不需要是可以去除掉 vue.config.js 配置 productionSourceMap:false 路由懒加载 当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的...
Vue项目打包文件放在服务器后，浏览器存在缓存问题的解决方案
那一日面朝大海的博客
09-17 5341
每次测试构建或者打包更新版本发到服务器上，导致偶尔会出现不能及时更新到最新代码，浏览器存在缓存的问题。 解决方法一： vue-cli2.x或者webpack初始化的项目找到webpack .prod.conf.js ，vue-cli3.0 的找到配置文件vue.webpack.js 1.定义版本变量： const Version = new Date().getTime(); // 这里使用的是时间戳 来区分 output: { path: config.build.assets...
vue项目build打包的时候去掉.map文件
weixin_61977295的博客
05-18 2070
在vue.config.js 有一个productionSourceMap 改为false就可以啦。
vue打包后生成map文件调试（二）
qq_41177135的博客
06-20 1019
vue打包后生成map文件调试（二）
vue打包去掉 map文件
weixinmingwo的博客
03-06 3439
在vue.config.js里加入这段代码 //去掉map文件 productionSourceMap:false,
jenkins打包vue内存占用很大
最新发布
04-27
好的，我现在需要帮用户解决Jenkins打包Vue项目时内存占用过大的问题。首先，用户提到内存占用过大，可能是指构建过程中Node.js进程内存不足导致崩溃或错误。根据用户提供的引用内容，尤其是引用[3]中的例子，他们...
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值