Vue打包后出现.map文件

最新推荐文章于 2023-12-21 17:23:00 发布
最新推荐文章于 2023-12-21 17:23:00 发布
阅读量729 收藏 1
点赞数 1
分类专栏： 前端 # Vue2.X 文章标签： vue webpack vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37609418/article/details/121547298
版权

运行 npm run build命令打包之后发现多了很多.map文件，占体积最大

搜索之后发现

map文件的作用：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。 
有了map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。

解决办法：去config/index.js中改一个参数：

productionSourceMap:false 

把这个改为false。不然在最终打包的文件中会出现一些map文件

Rick_春风
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue打包后生成map文件调试
qq_41177135的博客
06-19 1033
vue打包后生成map文件调试
Vue打包后出现一些map文件的解决方法
08-28
本篇文章主要介绍了Vue打包后出现一些map文件的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue项目打包处理map文件
最新发布
XunLin233的博客
12-21 951
项目打包过后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。有了map文件就可以像未加密压缩那样，准确的输出是哪一行哪一列有错。再次npm run build进行打包，就不会打包map文件了。其实大部分情况下项目上线了，也不会再去管哪一行报错的问题了。所以该文件如果项目不需要是库去除掉的。
vue项目打包后出现的map后缀文件
sunnyjingqi的博客
06-19 2728
Vue项目打包后。代码会经过压缩混淆,static文件夹下的css和js文件对应的生成了map后缀的文件。map文件可以在调试代码的时候,准确暑促哪一行哪一列的报错信息，方便开发人员调试bug，但是它远远超出了对应的css和js的代码质量了.所以在项目上线打包的时候要从源头上控制不让生成map文件. 解决办法：去src/config/index.js中改一个参数： productionSourceMap:false 把这个改为false。不然在最终打包的文件中会出现一些map文件 ...
vue打包后出现一些map文件的解决方法
xuan2717的博客
06-30 216
vue打包后出现一些map文件的解决方法
webpack将js打包后的map文件详解
11-26
类似于这样的map文件 由webpack自动生成 参数： devtool: ‘#eval-source-map’,//...以上这篇webpack将js打包后的map文件详解是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
vue项目打包优化.zip
05-02
在Vue.js项目开发中，优化打包过程至关重要，它不仅能提高应用的加载速度，还能提升用户体验。Vue项目的打包优化主要包括以下几个方面： ### 1. **配置Webpack** Webpack是Vue项目常用的构建工具，通过优化其配置...
Vue项目打包编译优化方案
10-14
1. **不生成.map文件**： .map 文件主要用于在开发环境中进行源码调试，但是在生产环境中，这些文件只会增加不必要的体积。在 vue-cli 2.x 中，可以在 `config/index.js` 中找到 `productionSourceMap: true` 并将...
vue打包后生成map文件调试（二）
qq_41177135的博客
06-20 812
vue打包后生成map文件调试（二）
vue项目打包的时候不生成.map文件
weixin_49692930的博客
11-16 4106
在vue.config.js里配置是否生成.map文件 module.exports = { productionSourceMap: false, //打包不生成map } .map 的文件作用在于 项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。而.map文件就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。 去除掉的原因 打包过后.map文件过大，为了减轻项目的大小 去除.map 的好处是 1.提升 build速度， 2.深度保护源码（不
解决vue打包后出现的.map文件
sslcsq的博客
10-29 2588
在vue.config.js中 module.exports = { productionSourceMap: false, // 生产环境是否生成 sourceMap 文件，一般情况不建议打开 } 在设置了productionSourceMap: false之后，就不会生成map文件，map文件的作用在于：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。也就是说map文件相当于是查看源码的一个东西。如果不需要定位问题，并且不想被看到源码，就把pro
去除：Vue项目打包后生成的.map文件&文件hash值命名
michiko98的博客
03-21 1407
文件中设置productionSourceMap和filenameHashing项为false即可。
Vue项目中常见问题(64)处理map文件
qq_46368050的博客
05-26 1645
gitee仓库地址:https://gitee.com/CMD-UROOT/sph-project/commits/master 大家根据上传历史进行查找你需要的代码 打包我们的项目 在我们项目的这个目录下: 鼠标右键: 弹出我们输入npm run build 打包成功后,多了一个dist文件 现在我们可以单独打开dist文件看看,当然以后只需要dist文件了其他的都不用了 这些文件我们都认识,但是js中有一种文件的格式,MAP文件我们不认识 ...
Vue打包后JS文件夹中出现一些map文件的解决方法
吴佳强的博客
08-19 2349
1.在项目下进入目录：项目包/config/index.js 找到productionSourceMap /* Source Maps */ productionSourceMap: true, // https://webpack.js.org/configuration/devtool/#production devtool: '#source-map', 2.将productionSourceMap的true改为false即可 productionSo
vue打包出来有很多map文件使得包很大，怎么去掉？
github_38928905的博客
01-08 3381
config/index.js 找到 "productionSourceMap"，将值改为false就好
Vue打包之后会出现map文件，体积很大
ShiYadong的专栏
06-27 4991
build命令后占体积最大的竟然是.map文件，webpack如何设置不让编译出.map文件呢？解决办法：去config/index.js中改一个参数： productionSourceMap:false 把这个改为false。不然在最终打包的文件中会出现一些map文件map文件的作用：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。 有了map就可...
vue打包生成的map文件
weixin_39796111的博客
08-14 1572
看看有没有你需要的： 1，vue打包生成的map文件： map文件的作用在于：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。有了map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错 解决办法：去src/config/index.js中改一个参数：productionSourceMap:false ，这样都是压缩后的代码了，控制台sources里就不会有webpack文件夹了，可以让你更好的保护自己的代码 2，vue中各...
vue 打包生成的map文件
fly_vip的博客
12-11 1889
map 文件主要是用来定位打包以后出现错误的位置 可以不生成，再config/index.js 修改一下参数 productionSourceMap: false, map文件再打包文件中占较大内存 转载：https://blog.csdn.net/qappleh/article/details/99672722 ...
vue打包没有map文件
04-23
您好，关于您的问题，Vue 在打包时默认是不生成 .map 文件的，如果您需要生成 .map 文件，可以在 build 配置中设置 devtool 选项为 'source-map'，例如： ``` module.exports = { // ... productionSourceMap: ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值