vue尚品汇商城项目-day07【52.打包文件,处理map文件】

这篇具有很好参考价值的文章主要介绍了vue尚品汇商城项目-day07【52.打包文件,处理map文件】。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

vue尚品汇商城项目-day07【52.打包文件,处理map文件】

52.打包文件,处理map文件

问题:为啥要处理map后缀文件?

答案:因为对上线的项目,这个.map文件没用处且占得体积很大,所以需要排除掉。

配置方式,在vue.config.js中新加入一行即可。

module.exports = {
  //配置map,减少打包后的dist的大小
  productionSourceMap:false,
}

未加map之前的dist下的打包文件

vue尚品汇商城项目-day07【52.打包文件,处理map文件】

加入处理map配置后的打包后的文件

vue尚品汇商城项目-day07【52.打包文件,处理map文件】

本人其他相关文章链接

1.vue尚品汇商城项目-day07【44.个人中心二级路由搭建+45.我的订单+46.优化登录跳转+47.独享守卫】
2.vue尚品汇商城项目-day07【vue插件-48.(了解)图片懒加载插件】
3.vue尚品汇商城项目-day07【vue插件-49.(了解)自定义插件】
4.vue尚品汇商城项目-day07【vue插件-50.(了解)表单校验插件】
5.vue尚品汇商城项目-day07【51.路由懒加载】
6.vue尚品汇商城项目-day07【52.打包文件,处理map文件】
7.vue尚品汇商城项目-day07【53.nginx反向代理配置】
8.vue尚品汇商城项目-day07【vue插件-54.(了解)生成二维码插件】
9.vue尚品汇商城项目-day07【55.编码测试与打包发布项目】文章来源地址https://www.toymoban.com/news/detail-407840.html

到了这里,关于vue尚品汇商城项目-day07【52.打包文件,处理map文件】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Vue项目的打包方式(生成dist文件)

    目录 一、相关配置 情况一(使用的工具是 vue-cil) 情况二(使用的工具是 webpack)  二、打包  情况一(使用的工具是 vue-cil)         如果是用 vue-cli 创建的项目,则项目目录中没有 config 文件夹,所以我们需要自建一个配置文件;在根目录 src 下创建文件 vue.config.js,

    2023年04月09日
    浏览(38)
  • vue项目的vue.config.js在打包过程中,并不会处理api请求。

    主要处理打包选项和静态资源文件 请求是axios处理的  

    2024年02月16日
    浏览(46)
  • 旅游项目day07

    推荐排行榜:点赞数+收藏数 取前十名 热门排行榜:评论数+浏览数 取前十名 浏览数跟评论数差距过大,可设置不同权重,例如:将浏览数权重设置为0.3,评论数权重设置为0.7。 如果是小表,以上的sql没太大问题。 但是,,如果表的数据量非常大? 排序,运算会导致mysql性

    2024年01月20日
    浏览(58)
  • 项目打包关于“Could not find artifact (父级pom文件ID)“问题处理

    今天在打包多maven 项目的时候出现了一个问题:单独打包一个项目的时候会报父级pom文件找不到问题 (1)开始以为是缓存问题,后面尝试刷新maven,清除idea缓存并重启后,再次尝试打包还是这个问题 (2)因为提示父级未找到,这边打包的顺序调整了下,先将父级的pom instal

    2024年02月11日
    浏览(71)
  • Vue项目上线打包好的文件如何在服务器上部署?

    1.打开router下的js文件,调成hash模式: mode:\\\'hash\\\'   2.终端输入: npm run build 3.此时项目中会多出一个dist的文件,这个文件就是我们打包出来的项目   (1)建立一个新的文件夹 (2)终端输入命令: npm init (3)输入: xxx_server (4)然后一路按回车到文件夹——框架完成,如下图

    2024年02月11日
    浏览(57)
  • 前端Vue入门-day07-Vuex入门

    (创作不易,感谢有你,你的支持,就是我前行的最大动力,如果看完对你有帮助,请留下您的足迹) 目录 自定义创建项目 vuex概述 构建 vuex [多组件数据共享] 环境  创建一个空仓库 state 状态 1. 提供数据: 2. 使用数据: mutations  辅助函数 - mapMutations actions 辅助函数 - mapAc

    2024年02月14日
    浏览(41)
  • vue项目版本打包更新后文件及浏览器存在缓存问题解决方案

    在vue.config.js中配置output,打包后的文件会带时间戳 在public/static目录下新建version.json文件  在src中新建 utils文件夹 文件夹中新建versionUpdate.js文件  在src文件夹下创建addVersion.js  写法二 修改package.json中scripts中的打包命令 版本号自加使用fs修改文件来实现 具体思路是:在执行

    2024年02月11日
    浏览(46)
  • vue项目的打包方式、生成dist文件夹、publicPath、hash、history、assetsPublicPath

    配置 vue.config.js 文件 打开 vue.config.js 文件修改参数,如果项目的目录中没有 vue.config.js 文件,那么需要自建一个配置文件;在根目录 src 下创建文件即可。需注意文件名称必须是 vue.config.js ,然后在文件中写入代码。 ☺☺☺☺☺☺☺ 配置 router/index.js 文件 以上的配置不能混

    2024年02月03日
    浏览(57)
  • electron+vue3全家桶+vite项目搭建【24】设置应用图标,打包文件的图标

    demo项目地址 在electron中,我们可以通过electron-builder的配置文件来设置打包后的应用图标 因为mac环境下的图标需要特殊格式,这里我们可以利用electron-icon-builder进行配置 1.引入相关依赖 加入安装过程中卡在了 phantomjs-2.1.1-windows.zip的下载,可以直接去github上下载 这里我也放一

    2024年02月17日
    浏览(64)
  • C++day07(auto、lambda、类型转换、STL、文件操作)

    今日任务 试编程: 封装一个学生的类,定义一个学生这样类的vector容器, 里面存放学生对象(至少3个) 再把该容器中的对象,保存到文件中。 再把这些学生从文件中读取出来,放入另一个容器中并且遍历输出该容器里的学生。 代码: 运行结果: 今日思维导图

    2024年02月07日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包