热搜:前端 nest neovim nvim

node 浏览器

lxf2023-05-27 07:15:01

node 浏览器

在前端实际项目开发中,会有这样的场景。每次引入新图片,我都不知道这个资源是否被引用,所以我会逐一点击存储图片的资源。实际问题是:

  • 1.图片不是放在目录下的,可能有任何地方,很难找到

  • 2.费时费力

  • 3.可重复引入图片资源资源

如果有能力一起列出项目图片资源,方便看到引入路径,就会大大节省开发的体力劳动。

如果你想这样做,你应该考虑什么?

需求分析

  • 可以集成到任何前端项目中,那么要求就是一个npm包

  • 阅读文件,分析哪些是图片,通过图片资源,img标签写入html文件

  • 创建一个服务器,渲染html

这就需要用Node来实现,需要使用什么 fs path http 模块。[相关教程推荐:nodejs视频教程、编程教学]

实现

1 实现可发布的npm包

  • 创建一个项目 npm init

    包名字是 test-read-img

  • 在package中.json 添加以下代码