在前端实际项目开发中,会有这样的场景。每次引入新图片,我都不知道这个资源是否被引用,所以我会逐一点击存储图片的资源。实际问题是:
1.图片不是放在目录下的,可能有任何地方,很难找到
2.费时费力
3.可重复引入图片资源资源
如果有能力一起列出项目图片资源,方便看到引入路径,就会大大节省开发的体力劳动。
如果你想这样做,你应该考虑什么?
需求分析
可以集成到任何前端项目中,那么要求就是一个
npm包
阅读文件,分析哪些是图片,通过图片资源,
img标签
写入html文件创建一个服务器,渲染html
这就需要用Node来实现,需要使用什么 fs
path
http
模块。[相关教程推荐:nodejs视频教程、编程教学]
实现
1 实现可发布的npm包
创建一个项目
npm init
包名字是
test-read-img
在package中.json 添加以下代码