本地代码意外生成dist文件-CompileHero

最新推荐文章于 2024-08-24 07:57:48 发布
最新推荐文章于 2024-08-24 07:57:48 发布
阅读量236 收藏
点赞数
分类专栏： 前端之路 文章标签： javascript vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42731434/article/details/118107896
版权
博主在接手项目时，因手误将60多个不必要的文件提交到git，这些文件是由于某个编辑器插件compilehero导致的额外打包产物。经过排查，确认问题与webpack配置无关，最终定位到compilehero插件，并通过编写Node.js脚本批量删除了多余文件，成功解决问题，但耗费了两天时间。
摘要由CSDN通过智能技术生成

本地代码意外生成dist文件-CompileHero

手误的代价

有次写个需求，其实代码量不算多，也就三四个文件，结果提代码的时候多了60多个文件，因为是接手的别人的工程，我当时就以为是原来脚手架的配置造成的，也就没在意。后来过了一个多月，同事拉代码的时候看到了多出的100多个文件问我咋回事儿，我一脸懵，翻了一下git记录，发现只有我的commit多了这么多代码，我看了下webpack配置，也没啥改动，但当时加了一堆部门内部的eslint插件，我合计这东西应该不能和eslint有关吧，就去google百度了一下，找了一晚上也没啥结果，后来周一接着找，发现思否上有个老哥和我情况一样，但是问题处于无人解答的状态，所以还是只能自己解决。下面附上一副commit 提交图，像这样的文件还有60多个。

每个目录下的js或css都生成了对应的dev文件，dev文件都是打包编译过的，像这样：

"use strict";
​
Object.defineProperty(exports,
最低0.47元/天 解锁文章
聪明的阿西
关注
专栏目录
手把手教你如何Vue项目打包dist文件并Tomcat发布【超级详细】
**My Coding Family**
03-24 9248
零基础带你入门Vue项目打包部署到Linux服务器，一条龙服务，只为不远千里把你教会。
探索开发利器：Compile Hero，一键式前端编译神器
gitblog_00030的博客
05-26 375
探索开发利器：Compile Hero，一键式前端编译神器 compile-hero????Visual Studio Code Extension For Compiling Language项目地址:https://gitcode.com/gh_mirrors/co/compile-hero Compile Hero，这是一个由Wscats团队精心打造的Visual Studio Code扩展，旨...
Visual Studio Code 必备插件之 Compile Hero
Wscats
03-10 1万+
今天刚好用到这个函数，写了一个日期对比的例子 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>写一个JS对比时间的例子</title> </head> <body> </body> <scrip...
编译英雄（Compile Hero）项目指南
最新发布
gitblog_00603的博客
08-24 357
编译英雄（Compile Hero）项目指南 compile-hero????Visual Studio Code Extension For Compiling Language项目地址:https://gitcode.com/gh_mirrors/co/compile-hero 一、项目目录结构及介绍 本部分将为您详细介绍compile-hero项目的组织结构及其核心组件。 ├── src ...
关于VScode每次保存/修改文件后都会自动生成一个打包文件dist的问题
weixin_45249263的博客
03-02 3997
解决 点击vscode 的 左下角的设置 然后点击设置 搜索 compile-hero 把该设置里所有已勾选的选项 全部取消 就ok了！
SourceTree 设置忽略文件
z446981439的博客
12-20 3049
第一步 看图 点击设置 一般 填入下面内容就可以了 HELP.md /target/ */target */target/* !.mvn/wrapper/maven-wrapper.jar ### STS ### .apt_generated .classpath .factorypath .project .settings .springBeans .s...
VsCode中ctrl+s后会在当前目录下自动生成dist目录的方法
10-14
通过以上步骤，你就可以在保存文件时避免不必要的`dist`目录生成，并且确保代码风格的一致性。记住，VsCode是一个高度可定制的编辑器，可以根据个人或团队的需求进行详细配置，以提高开发效率和代码质量。如果你遇到...
vue本地打开build后生成的dist文件夹index.html问题
10-16
主要介绍了vue本地打开build后生成的dist文件夹index.html问题，本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧
本地测试vue-cli打包后的dist文件
小毛驴的博客
07-03 9995
此方法可以自己本地写接口，自己打包vue-cli，然后测试打包后的文件是否正确。 1.本地获取自己写到的node.js接口 可能会遇到跨域的问题，可以看我的博客跨域问题 1.1.在vue页面中引入自己node.js写的接口（关于node.js的教程可以看我以前的博客） &lt;template&gt; &lt;div class="hello"&gt; &lt;h1&g...
pdfjs-dist 实现pdf文件在线预览
热门推荐
qq_42221321的博客
12-17 1万+
pdfjs-dist 实现pdf文件在线预览实现效果实现过程（1）安装pdfjs-dist（2）代码部分（3）原理 项目要求实现pdf文件在线预览，并且pdf预览通过上下页滚动pdf,且兼容ie浏览器 浏览器兼容参照了这位博主的文章，选择用pdfjs-dist 实现 实现效果 这是我随便写的一个pdf(一共2页)，可通过点击上下换页 谷歌浏览器 ie11 实现过程 （1）安装pdfjs-dist npm install --save pdfjs-dist@2.0.943 这里需要指定2.0.943的版
sourceTree忽略跟踪文件
weixin_34337381的博客
04-14 719
1.未跟踪文件，直接在.gitignore文件打上文件名字，如果要忽略整个文件夹，要在文字后面加上一个/ 。如：gradle/ 。 2、已跟踪文件，先删除那些文件，再提交到git上，即删除远程的文件，让其变成未跟踪文件，接着的操作和第一点的操作是一样的了。 转载于:https://www.cnblogs.com/Jackie-zhang/p/5391871.html...
sourceTree忽略文件
sunluyi的博客
08-06 739
编辑 .gitignore文件，输入一下内容 node_modules/ unpackage/ dist/ .idea .vscode *.suo .ntvs *.njsproj *.sln
vscode设置compile hero
huai2325的专栏
08-27 423
JavaScript-output-toggle LESS-output-directory Disable-compile-files-on-did-save-code
根据vue打包出来的dist文件进行反编译,推出代码
weixin_37601321的博客
06-13 1万+
111
webstorm结合npm编译前端代码生成dist文件夹
try_learner的博客
04-02 3518
这个只是简单记录一下，最近接触了一点小程序的开发，在微信开发者工具里面需要打开dist文件夹的工程，而生成dist文件夹可以利用webstorm结合npm工具生成。但是最近安装编译的时候运行npm run dev时一直报什么栈溢出问题（npm ERR! Maximum call stack size exceeded npm ERR! A complete log of this run ca...
前端每次保存编译都会产生一个dist文件
weixin_36352085的博客
05-07 1138
这里写自定义目录标题前端每次保存编译都会产生一个dist文件新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 前端每次保存编译都会产生一个dist文件 如题，作为一个强迫症患者，这个问题困扰了我很久，删了以后再次保存还是会产
dist 还原vue_vue 查看dist文件里的结构
weixin_39843078的博客
02-01 2165
场景：优化打包后的代码，提高性能。1.方式一：report-json。1.1 package.json文件里加入以下命令，"report": "vue-cli-service build --report-json"1.2然后控制台运行 npm run report1.3 结果：会在dist文件夹里生成 report.json。里面有打包后每个文件的来源。2.方式二：使用stats-webpa...
vue3 ts pdfjs-dist实现base64 生成本地文件
05-24
首先，你需要安装`pdfjs-dist`和`file-saver`两个库： ``` npm install pdfjs-dist file-saver --save ``` 然后，在你的TS代码中引入这两个库： ```typescript import * as pdfjsLib from 'pdfjs-dist'; import { saveAs } from 'file-saver'; ``` 接着，你需要编写一个方法来将base64数据转换为Blob对象： ```typescript function base64ToBlob(base64: string, contentType: string): Blob { const sliceSize = 1024 const byteCharacters = atob(base64) const byteArrays = [] for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) { const slice = byteCharacters.slice(offset, offset + sliceSize) const byteNumbers = new Array(slice.length) for (let i = 0; i < slice.length; i++) { byteNumbers[i] = slice.charCodeAt(i) } const byteArray = new Uint8Array(byteNumbers) byteArrays.push(byteArray) } return new Blob(byteArrays, { type: contentType }) } ``` 最后，你可以编写一个方法来使用pdfjs加载PDF文件并将其保存到本地： ```typescript async function savePdfFromBase64(base64: string, filename: string) { const pdf = await pdfjsLib.getDocument({ data: base64 }).promise const blob = await pdf.getBlob() saveAs(blob, filename) } ``` 现在你可以使用这个方法来将base64 PDF数据保存到本地： ```typescript const base64Pdf = 'JVBERi0xLjMKJf////8...'; // 这里替换为你的base64 PDF数据 const filename = 'example.pdf'; savePdfFromBase64(base64Pdf, filename); ``` 这样就可以将base64转换为PDF并保存到本地了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值