Vue打包后出现一些map文件的解决方法

更新时间：2018年02月13日 09:43:18 作者：maqingyuan

本篇文章主要介绍了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文件了。。。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Nuxt.js实现一个SSR的前端博客的示例代码
这篇文章主要介绍了Nuxt.js实现一个SSR的前端博客的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-09-09
vue-路由精讲二级路由和三级路由的作用
这篇文章主要介绍了vue-路由精讲二级路由和三级路由的作用，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-08-08
vuejs在解析时出现闪烁的原因及防止闪烁的方法
这篇文章主要介绍了vuejs在解析时出现闪烁的原因及防止闪烁的方法,本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看看吧
2016-09-09
源码分析Vue.js的监听实现教程
这篇文章主要通过源码分析介绍了Vue.js的监听实现，文中通过示例代码介绍的非常详细，相信对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。
2017-04-04
Electron+Vue3+Vite搭建桌面应用的示例代码
本文主要介绍了Electron+Vue3+Vite搭建桌面应用的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-07-07
Vue使用百度地图实现城市定位
这篇文章主要为大家详细介绍了Vue使用百度地图实现城市定位，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-08-08
Vue父子组件传值的三种方法
这篇文章主要介绍了Vue父子组件传值的三种方法，本文结合示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2022-12-12
vue+elementui+vuex+sessionStorage实现历史标签菜单的示例代码
本文主要介绍了vue+elementui+vuex+sessionStorage实现历史标签菜单的示例代码，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-12-12
Vue element ui用户展示页面的实例
这篇文章主要介绍了Vue element ui用户展示页面的实例，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-05-05
vue input输入框模糊查询的示例代码
本篇文章主要介绍了vue input输入框模糊查询的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-05-05