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文件了。。。

谢谢大家!!!

原文地址:https://www.cnblogs.com/maqingyuan/p/8445069.html

时间: 2024-11-09 15:25:49

Vue打包后出现一些map文件的相关文章

要命系列-运行vue打包后的文件

如何运行打包后的dist文件看看效果,比如路径什么的有没有问题之类的,那就需要在部署前看看页面有没有崩坏. 废话不多说,看图(ps本人用的是vue-cli4) 首先npm install -g serve(全局安装),如果你网速不大好,用淘宝镜像cnpm安装也可以 再来就是在这一级目录下直接serve -s dist 就可以了 然后就可以了~ 是不是觉得很简单很假,,其实这就是不啃vue文档的后果,度娘一搜前几页基本都是安装express-generator生成器什么的~太可怕了..刚弄完vue

vue打包后.woff字体文件路径问题处理

在执行 npm run build 命令打包后,如果出现 .woff 等字体文件找不到的情况 通过设置 vue-style-loader 打包前缀路径解决 原文地址:https://www.cnblogs.com/fanlu/p/11002744.html

vue打包后index.html界面报错

vue项目完成后,打包放到服务器上,打开index.html页面时发现一片空白并且报错 很明显是js和css引用不到. 解决办法: 修改vue项目config文件夹下面的index.js,将assetsPublicPath:'/'改为assetsPublicPath:'./' 原文地址:https://www.cnblogs.com/luyuefeng/p/8350573.html

vue打包后出现静态资源|(图片,json数据)找不到路径

最近在学习Vue是如何编写项目的,在踩了许多坑后,终于要到了最后一步npm run build了,很开心的等待奇迹,然后打包后出现了找不到图片路径的问题. 解决办法:1.将图片或者json数据文件夹放到static的文件夹中,这样打包后webpack会自动打包 2.在build的文件夹下找到utils.js的文件,修改打包后静态资源的路径,添加 publicPath: '../../' 原文地址:https://www.cnblogs.com/klkitty/p/9099472.html

vue打包后,轮播图的动画内容位置显示不正确,且动画失效

解决方法: 1.在vue项目中找到build文件夹下的vue-loader.conf.js,将extract:isProduction  改为extract:false 此步骤打包后解决了动画图片位置错误的问题 2.package.json配置文件里面对浏览器的版本做了css的前缀处理 此步骤解决了动画失效问题 "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8

关于vue打包后,访问不到页面和访问不到图片。

vue项目完成打包上线的时候很多人都会碰到静态资源找不到,常见的有两个第一种:js,css路径不对解决办法:打开config/index.js,将其中的assetsPublicPath值改为’./’ 第二种:css中引用的图片资源找不到我的项目文件中有一段css,其中引用了一个背景图片“src/assets/”文件夹下有这张图片,打包后路径发生变化这个图片就找不到了,解决办法:打开“build/utils.js”,增加一行代码即可 原文地址:https://www.cnblogs.com/blu

vue打包后element-ui部分样式(图标)异常问题

vue项目使用element-ui组件,打包后部分样式(上下左右箭头)异常,变成方框了. 页面报warn错误,有个字体找不到. 解决办法:在build文件夹下找到utils.js,加上一行publicPath:'../../' 2fad952a20fbbcfd1bf2ebb210dccf7a.woff 404 (Not Found) 原文地址:https://www.cnblogs.com/ljwsyt/p/11579370.html

Vue打包后访问静态资源路径问题

Vue介绍中static文件夹里放的是静态资源目录,如图片.字体等. 我们发现运行npm run start后本地图片路径是没问题的,但是打包上传后会怎么样呢? 我们知道,执行npm run build 后会生成dist文件夹,把里面的index.html在浏览器运行会发现 图片路径出错啦!!! 解决方法: 1.先找到config下的index.js文件 把最后的'/' 改为 './' 2.接着把图片地址改为 这样就解决啦~~ 原文地址:https://www.cnblogs.com/wangx

vue打包后图片找不到情况

打包之前需要修改如下配置文件: 配置文件一:build>>>utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静态文件(图片路径失效)的问题) 配置文件二:config>>>index.js(修改assetsPublicPath:'./' ,修改目的是为了解决js找不到的问题) 打包好后双击index.html可以正常浏览网页就说明没问题了 原文地址:https://www.cnblogs.com/lan-c