Vue项目打包后dist文件目录详解
1. css文件夹
- css文件是项目要用到的css文件,当你做webpack打包的时候,会把所有的css样式打包到这里
2. js文件夹
- app.js放的是项目中各个页面的逻辑代码,将格式进行了压缩。
- chunk-vendors.js:放的是通过import包导入的第三方依赖包。防止该文件体积过大,可以使用webpack的externals配置。凡是声明在externals中的第三方依赖包,都不会被打包。同时需要在index.html文件的头部,添加CDN资源引用。
- 其他.js文件是使用路由懒加载打包后的文件,按需导入路由,文件的名字是路由懒加载配置中的分组名称。
- .js.map依然是一个Source map文件,Source map就是一个信息文件,里面储存着位置信息,转换后的代码的每一个位置,所对应的转换前的位置。 项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错。有了map就可以像未加密的代码一样,准确的输出是哪一行哪一列有错,方便我们开发的时候做调试使用。
感谢:https://blog.csdn.net/qq_41611820/article/details/103699395
Vue项目打包后dist文件目录详解相关推荐
- vue 打开html流_三种方案解决Vue项目打包后dist中的index.html用浏览器无法直接打开的问题...
index.html为什么打不开? Vue打包后生成的dist文件中的index.html,双击在浏览器中打开后发现一片空白,打开控制台有很多报错:"Failed to load resou ...
- 关于vue项目打包后提示图片文件路径错误的解决方法
vue项目打包后在production模式下提示图片 '404(not found),在dev环境下好好的,打包了就提示这个错误.这是为什么呢,以前第一次使用vue-cli构建项目的的时候只有两个图片 ...
- php项目index页面空白,如何解决vue项目打包后打开页面空白的问题
这篇文章主要介绍了vue项目打包后打开空白解决办法,内容挺不错的,现在分享给大家,也给大家做个参考. 网上很多说自己的VUE项目通过Webpack打包生成的list文件,放到HBulider打包后,通 ...
- vue项目打包后生成一个配置文件可以修改打包后的服务器api地址
vue项目打包后生成一个配置文件可以修改打包后的服务器api地址 问题描述:vue项目打包上线之后,如果要改服务器api地址,只能在源码更改然后重新打包发布,为了解决这个问题,我们可以在static增 ...
- 打包后index.html路径错误,解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题...
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题 2018年05月23日 10:05:35 for_weber 阅读数:14179 Vue项目运行npm run buil ...
- 快速解决Vue项目打包后文件过大问题
快速解决Vue项目打包后文件过大问题 为什么打包后文件过大? 如何快速解决 一.路由懒加载[使用es6提案的import()方式] 二.CDN引入 为什么打包后文件过大? 移动app项目,使用vue- ...
- Vue项目打包后js文件压缩
前言 这段时间因为免费试用了https://free.aliyun.com/一台阿里云的服务器,配置是 2核4G 2M, 因为带宽太低了,每次在第一次加载的时候太慢了,通过F12调试,发现主要是因为加 ...
- Vue项目打包后不能正常显示页面
项目场景: 通过 Vue CLI 创建的 vue 项目,编写完项目后,通过 npm run bulid 对项目进行打包,再把打包得到的内容(dist文件夹)交给后端部署到服务器上. 问题描述: 对 v ...
- webpack打包后引用cdn的js_利用CDN加速react webpack打包后的文件详解
此文不介绍webpack基本配置,如果对基本配置有疑问请查阅官方文档. 1.配置webpack.config.js 将output.publicPath改成上传到的cdn地址, 例(对应上面上传配置) ...
最新文章
- 有符号类型的最小负数的补码的由来
- BCH开发团队BU为什么选择让矿工投票?
- 根据excel中的容填写信息
- mysql模糊查询后分页_jsp模糊查询后的数据进行分页,但点击下一页后就查询全部的了...
- Win10用Windows照片查看程序打开图片+更改注册表后导致Win10任务栏Adobe PDF阅读器图标显示异常
- 分类器评估参数——准确度和精度的区别(足球荔枝)
- export function函数传参_04 js高阶函数(惰性函数、柯里化函数、compose函数)和单例设计模式...
- 介绍ML.NET——面向.NET开发人员的机器学习库
- java audiostream 用不了_AudioInputStream不起作用
- 中断占据CPU时间的计算问题
- 层次狄利克雷过程HDP(Hierarchical Dirichlet Processes)
- OLED的字模提取(保姆级)---基于PCtoLCD2013
- LeetCode——75. 颜色分类(面试题)
- Macbook Pro无法使用Logi Option连接蓝牙鼠标解决方法
- springboot集成
- Identifying and Tracking Sentiments and Topics from Social
- 【word】空白页空白行删除不了,按delete
- X-CUBE-USB-AUDIO 资料篇②——AUD_Streaming10 USB音频设备扩展应用
- stunnel客户端的使用
- html旋转围绕的中心点,CSS3实现围绕任何点来旋转(二) | 睿客网