我需要在单行HTML/JS生成的文件上查找和替换内联svg代码。
我看到了许多sed和/或awk脚本的示例,用于匹配另一个文件中的文件内容,但我遇到了两个问题:要么我无法用第三个文件的内容替换匹配的文件,要么搜索只有在整行与文件匹配的情况下才有效(所搜索的文件是一行html,所有代码粘合在一起……)。
把它放在简单的伪代码中,我要找的是:
IF oldImage.svg IS MATCHED IN file.html THEN REPLACE MATCHED TEXT BY newImage.svg
我知道整个svg文件在html文件中是匹配的,因为我已经成功地运行了grep -wFf old
html中的2<div>显示了不同的结果,为什么?使用相同的SVG代码,但第一个代码在<object>元素中引用,其中第二个元素是内联声明的。
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text
我正在将我的react网站迁移到nextjs。我在根目录下有一个资产文件夹,其中包含大量的svgs,我有一个constants.js文件,在这里我将所有SVG作为ReactComponent导入。我想知道如何在nextjs中转换这部分代码。
错误消息:
Module not found: Can't resolve '../../../assets/skills/html5.svg'
> 1 | import { ReactComponent as HTML } from "../../../assets/skills/html5.svg";