Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我可以查看我需要的节点单元吗?_Javascript_Npm_Node Modules_Create React App - Fatal编程技术网

Javascript 我可以查看我需要的节点单元吗?

Javascript 我可以查看我需要的节点单元吗?,javascript,npm,node-modules,create-react-app,Javascript,Npm,Node Modules,Create React App,是否有方法查看我的create react app项目中使用了哪些node_模块包,并删除未使用的模块?除了手动检查所有使用的包及其依赖项之外 我想减少这个项目占用的空间。它被提交到一个资源库中,而node_modules文件夹本身就将使用的空间增加了三倍。最简单的方法可能是不通过将节点模块添加到gitignore文件(或创建一个)来包含节点模块,但如果这不是一个选项,则可能只是针对repo大小(假设您使用git)取消安装不需要的包: git rm-r——缓存的./node\u模块 将行/nod

是否有方法查看我的create react app项目中使用了哪些node_模块包,并删除未使用的模块?除了手动检查所有使用的包及其依赖项之外


我想减少这个项目占用的空间。它被提交到一个资源库中,而node_modules文件夹本身就将使用的空间增加了三倍。

最简单的方法可能是不通过将节点模块添加到gitignore文件(或创建一个)来包含节点模块,但如果这不是一个选项,则可能只是针对repo大小(假设您使用git)取消安装不需要的包:

  • git rm-r——缓存的./node\u模块
  • 将行
    /node\u modules
    添加到
    .gitignore
    文件中
  • git添加。
  • git commit-m“从repo中删除节点模块”
  • 对于构建大小:

    create-react应用程序
    非常擅长,所以您不必太担心这一点。某些软件包可能有更模块化的导入方式,这可能会有所帮助-通常这些方式将以软件包为基础进行记录。例如,支持两种
    import
    语法:

    //选项1
    从“@material ui/icons/AccessAlarm”导入AccessAlarm图标
    从“@material ui/icons/ThreeDRotation”导入ThreeDRotation
    //选择2
    从“@material ui/icons”导入{AccessAlarm,ThreeDRotation}
    
    其中,选项1可能产生最小的捆绑大小

    有关开发计算机上的大小:

    这里最大的区别(假设您有其他项目)可能是切换到类似的方式,它将
    node_模块
    集中存储在本地机器上,然后从项目链接到它们,而不是有许多相同模块的实例

    对于一般的客房管理和整洁:


    您可以尝试使用诸如的工具来检测未使用的依赖项。不过,这可能有些过分,除非这是项目的一个特别痛点。

    不要提交节点模块。如果您需要存储工件,请存储构建应用程序的结果,而不是源代码和所有dep。这可能是一个很好的起点:尽管最终您需要自己制作one@jonrsharpe在这种情况下,这是不可避免的。我使用的是git的替代品,因此无法访问gitignore之类的工具。鉴于项目的使用性质,在该级别需要访问节点_模块。您使用的是什么VCS。项目是如何使用的?没有上下文,这看起来很像XY问题。谢谢,depcheck正是我想要的。然而,它似乎强调了除一个依赖项之外的所有依赖项都在使用中。我可能需要进一步研究优化代码库的方法。