vueCli打包后各文件的作用

1.css文件夹

一个叫app后面跟着一串哈希的css文件。打包后,所有的css代码被全部放到了这个.css文件中

2.js文件夹

2.1同样的叫app跟着一串哈希的js文件。打包后,所有的自己手写的(即当前应用程序开发的所有js代码)js代码被放到了这个这个js文件中
2.2紧接着的manifest.js文件。这是一个做底层支撑的js代码文件。如解析comment.js的导入导出等很多复杂操作的js代码都放到了这个文件中
2.3最后的vendor.js文件。打包后,所有的一些引用的js代码(如vue,vue-router等各种框架呀,脚手架)会被放到这个文件中
此外,有些小伙伴发现自己css文件夹中不止一个文件而js文件夹中不止三个文件,这是因为各文件多了对应后缀是.map的文件

(map文件的作用:项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错。
有了map就可以像未加密的代码一样,准确的输出是哪一行哪一列有错)
如果不需要map文件只需要
去config/index.js中改一个参数:

productionSourceMap:false 
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值