我有一个字符串包含了模板插值和不在模板插值内的单词。这个字符串只能有以下几种形式：

foo{{bar}}
{{foo}}bar
foo{{bar}}baz
{{foo}}{{bar}}
foo
{{foo}}
{{foo}}bar{{baz}}

文本插值可以在字符串中出现多次，不在模板插值内的单词也可以不止一个。
我想用这样的方法转换字符串：删除双花括号并保留内容。另一个单词不在双花括号内，需要用单引号和concat在它们之间使用+。
最终结果应该会将字符串生成为另一个字符串，如下所示：

foo{{bar}}       // <-- 'foo' + bar
{{foo}}bar       // <-- foo + 'bar'
foo{{bar}}baz    // <-- 'foo' + bar + 'baz'
{{foo}}{{bar}}   // <-- foo + bar
foo              // <-- 'foo'
{{foo}}          // <-- foo
{{foo}}bar{{baz}} //<-- foo + 'bar' + 'baz'

我创建了一个正则表达式str.replace(/{{(.*?)}}/g, '$1').replace(/\b(\w+)\b/g, "'$1'")
第一个正则表达式是删除双花括号。第二个正则表达式是用单引号括住单词。
但是我得到的每个结果都用一个单引号 Package 。它们之间也没有联系（不确定在哪个正则表达式中使用+）
我怎样才能改变正则表达式，使它符合我的要求？

const strs = [
  'foo{{bar}}',
  '{{foo}}bar',
  'foo{{bar}}baz',
  '{{foo}}{{bar}}',
  'foo',
  '{{foo}}',
  '{{foo}}bar{{baz}}'
];

let result = strs.map((s) =>
  s.replace(/{{(.*?)}}/g, '$1').replace(/\b(\w+)\b/g, "'$1'")
);

result.forEach((r) => console.log(r));

stackblitz