V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zhangLLL
V2EX  ›  Vue.js

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

  •  
  •   zhangLLL · 2021-10-26 14:42:33 +08:00 · 1818 次点击
    这是一个创建于 1128 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我们的前端项目是使用 vue-cli 脚手架搭建的项目,随着版本的迭代,代码量、文件数越来越多。有的功能加了又删,项目中出现了好多无用的 js 或者 vue 文件,迭代新需求时十分影响使用关键字搜索的结果。
    现在要找出所有无用的文件,目前想到的做法是从入口入手,比如 main.js 或者 router.js ,根据关键字,比如 import 、require 找到依赖的其他的文件,再一路找下去,剩下的文件就是无用的了。
    想问问大家有没有插件实现了类似的功能,还有上述的做法是不是还有遗漏的可能?
    5 条回复    2021-10-27 08:40:27 +08:00
    4ark
        1
    4ark  
       2021-10-26 14:48:32 +08:00
    随便搜了一下,看看这个: https://www.npmjs.com/package/remove-unused-files-webpack-plugin

    话说,有这功夫打这么多字来发帖问,何不自己亲自搜一下呢?
    4ark
        2
    4ark  
       2021-10-26 14:49:37 +08:00
    zhangLLL
        3
    zhangLLL  
    OP
       2021-10-26 16:54:15 +08:00
    主要不知道该怎么搜😓
    2i2Re2PLMaDnghL
        4
    2i2Re2PLMaDnghL  
       2021-10-26 23:59:04 +08:00
    显然,只要你知道 vue-cli 底层是 webpack ,把你的标题用 Simple English 打出来就行
    find webpack not used file

    题外话,find 的 -atime 选项可用? webpack 会扫描未被 import 的文件吗?
    ragnaroks
        5
    ragnaroks  
       2021-10-27 08:40:27 +08:00
    如果是自己产生的文件,直接搜文件名就行了,没有依赖的文件没有记录
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3255 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 12:30 · PVG 20:30 · LAX 04:30 · JFK 07:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.