排查 vue 项目中没有依赖的文件

[zhangLLL]

我们的前端项目是使用 vue-cli 脚手架搭建的项目，随着版本的迭代，代码量、文件数越来越多。有的功能加了又删，项目中出现了好多无用的 js 或者 vue 文件，迭代新需求时十分影响使用关键字搜索的结果。
现在要找出所有无用的文件，目前想到的做法是从入口入手，比如 main.js 或者 router.js ，根据关键字，比如 import 、require 找到依赖的其他的文件，再一路找下去，剩下的文件就是无用的了。
想问问大家有没有插件实现了类似的功能，还有上述的做法是不是还有遗漏的可能？

[4ark]

随便搜了一下，看看这个： https://www.npmjs.com/package/remove-unused-files-webpack-plugin

话说，有这功夫打这么多字来发帖问，何不自己亲自搜一下呢？

[4ark]

这个更多人用： https://www.npmjs.com/package/unused-files-webpack-plugin

[zhangLLL]

主要不知道该怎么搜😓

[2i2Re2PLMaDnghL]

显然，只要你知道 vue-cli 底层是 webpack ，把你的标题用 Simple English 打出来就行
find webpack not used file

题外话，find 的 -atime 选项可用？ webpack 会扫描未被 import 的文件吗？

[ragnaroks]

如果是自己产生的文件，直接搜文件名就行了，没有依赖的文件没有记录