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地址, 例(对应上面上传配置) ...
最新文章
- 连接以太网测试网Ropsten,本地账号和remix余额显示为0不同步的问题,Remix连接
- List-style-type属性失效
- 【*2000】【2018-2019 ICPC, NEERC, Southern Subregional Contest C 】Cloud Computing
- 关于软件项目工作量估算的若干问题
- C++ socket 通信客户端和服务器端
- 获取axios的return值
- adurnio 单片机_单片机20~200A大电流检测电路设计 用AD实现 带原理图,源代码,proteus仿真文件...
- 记一次阿里巴巴一面的经历
- tomcat6的项目能直接在tomcat7上用吗_极尽人性化的设计: 能“隐形”的笔记本电脑支架...
- java中src_java中garadle工程没有src问题
- 阶段3 2.Spring_10.Spring中事务控制_8 spring基于纯注解的声明式事务控制
- 随机森林模型预测和交叉验证
- 直播电商源码,无加密
- 有效缓解眼疲劳的绿色桌面
- Python爬虫:老兵不死,用数据纪念2019男篮世界杯
- 关于双非本科2020秋招,我想说的
- 程序员思维僵化_僵化趋势
- 【Blog】Hexo_Next_博客搭建记 (by onlychristmas)
- HC110110019 FTP原理与配置
- 简易聊天室代码分享 js+socket.io