如何科学删除前端项目里未引用的静态文件，例如 css,js,png,svg 这类的

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› D3.js

推荐书目

› JavaScript 权威指南第 5 版

这是一个创建于 301 天前的主题，其中的信息可能已经有所发展或是发生改变。

从网上搜了一圈，ESlint 这类的基本只能删除 js 文件，其他格式的不支持；
自己写了个脚本扫描 html 标签然后再删除发现会多删文件比如 icon

8 条回复 • 2024-01-09 22:01:48 +08:00

zsj1029

301 天前

vite 打包过程自动处理，输出 dist 不带用不到的文件
如果是旧项目，无非占用些存储，前端文件也不大，又不走流量不必关心
强迫症，用 IDE 工具可以查看文件引用，用不到的手动删除吧

BEza5k2j7yew0VN9

301 天前

@zsj1029 占用用户空间也不好吧，存储空间都是花钱买的

testliyu

301 天前

@gsy20050126 从 f12 里看源码的话，好像是看不到未引用的文件，我猜测浏览器会自动过滤掉吗

BEza5k2j7yew0VN9

301 天前

@testliyu 如果你的项目是纯网页，没有打包到 app 里，没有引用的文件不会加载，只会占用你服务端的空间

ganbuliao

301 天前

浏览器是是按需加载页面里面引用了才加载的啊

ochatokori

301 天前 via Android

改一下打包生成物输出路径，让静态文件输出到和引用路径同样目录结构的文件夹，再拷贝回源码

xiangyuecn

300 天前

var base="/images/";
....
img.src=base+serverConfig.icon+".png";

简单举了个例子，神仙难解

testliyu

300 天前

@xiangyuecn 确实😭