使用Sed注入含特殊字符JS时出现unmatched '|'错误的技术求助

你的问题核心是sed的分隔符和变量里的特殊字符冲突了——你用|作为sed替换命令的分隔符，但你的JS内容里刚好也有|，sed就会把它当成命令的一部分，自然报错。下面给你几个靠谱的解决办法：

方法1：更换sed的分隔符为不常用字符 #

sed允许你替换分隔符，只要选一个在你的JS内容里不存在（或者极少出现）的字符就行，比如#、^或者~。比如把命令改成这样：

VARIABLE=$(cat my.js)
sed -i "s#<!--#MY_SNIPPET#-->#${VARIABLE}#" index.html

这里用#当分隔符，刚好你的注释里的#是在字符串内部，sed不会把它们当成分隔符——因为sed只会识别第一个用来分隔s命令三个部分的字符。

如果你的JS里也有#，那换个更冷门的，比如^：

sed -i "s^<!--#MY_SNIPPET#-->^${VARIABLE}^" index.html

方法2：自动转义变量里的sed特殊字符 #

如果不确定JS里会有什么特殊字符，可以先把变量里的sed元字符都转义掉，包括分隔符、\、&这些。用sed本身来处理转义：

VARIABLE=$(sed 's/[\/&|]/\\&/g' my.js)
sed -i "s|<!--#MY_SNIPPET#-->|${VARIABLE}|" index.html

这里的s/[\/&|]/\\&/g会把/、&、|这些sed敏感字符前面加上反斜杠转义，这样sed就不会把它们当成命令的一部分了。

方法3：用Perl替代sed（更省心的方案） #

Perl处理包含大量特殊字符的字符串替换更灵活，不需要纠结分隔符的问题，直接用单引号包裹模式，或者用不同的分隔符：

VARIABLE=$(cat my.js)
perl -i -pe "s/<!--#MY_SNIPPET#-->/$VARIABLE/g" index.html

Perl的正则引擎对特殊字符的处理更智能，或者你也可以用\Q来自动转义所有元字符：

perl -i -pe "s/<!--#MY_SNIPPET#-->/\Q$VARIABLE\E/g" index.html

\Q和\E之间的内容会被当成纯文本，所有特殊字符都会被转义，完全不用担心冲突。

内容的提问来源于stack exchange，提问作者Idir Ouhab Meskine