Vue打包后出现一些map文件的解决方法
Vue打包后出现一些map文件的解决办法:
问题: 可能很多人在做vue项目打包,打包之后js中,会自动生成一些map文件,那我们怎么把它去掉不要呢?
1,运行 cnpm run build 开始打包
2,会在项目目录下自动创建dist目录,打包好的文件都在其中
解决办法:去src/config/index.js中改一个参数:
productionSourceMap:false
把这个改为false。不然在最终打包的文件中会出现一些map文件,map文件的作用在于:项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错。
有了map就可以像未加密的代码一样,准确的输出是哪一行哪一列有错。
最后你在build之后,然后就会发现就没有自动生成一些map文件了。。。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
- vue打包后显示空白正确处理方法
- 使用vue打包时vendor文件过大或者是app.js文件很大的问题
- vue打包使用Nginx代理解决跨域问题
- 解决vue打包项目后刷新404的问题
- 解决vue打包之后静态资源图片失效的问题
- 解决Vue打包之后文件路径出错的问题
- vue打包之后生成一个配置文件修改接口的方法
- 解决vue打包css文件中背景图片的路径问题
- 解决vue打包后vendor.js文件过大问题
- 解决vue打包后刷新页面报错:Unexpected token <
- 解决Vue打包后访问图片/图标不显示的问题
- vue打包的时候自动将px转成rem的操作方法
- 详解Vue打包优化之code spliting
- 基于vue打包后字体和图片资源失效问题的解决方法
- Vue打包后访问静态资源路径问题
- 解决Vue打包上线之后部分CSS不生效的问题
- vue打包相关细节整理(小结)
- 压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
相关文章
解决v-for中使用v-if或者v-bind:class失效的问题
今天小编就为大家分享一篇解决v-for中使用v-if或者v-bind:class失效的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
vue开发chrome插件,实现获取界面数据和保存到数据库功能
这篇文章主要介绍了vue开发chrome插件,实现获取界面数据和保存到数据库功能的示例,帮助大家更好的理解和使用vue,感兴趣的朋友可以了解下2020-12-12
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
这篇文章主要介绍了Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
Nuxt3嵌套路由,报错Failed to resolve component: NuxtChild的解决
这篇文章主要介绍了Nuxt3嵌套路由,报错Failed to resolve component: NuxtChild的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2023-06-06


最新评论