主页 / coding / 问题 / 79208159
Accepted
Matteo Frana
Asked: 2024-11-21 00:33:48 +0800 CST

VSCode Snippets：根据文件路径进行条件导入

  • 772

在代码片段扩展中，对于代码片段，我需要根据文件路径设置导入语句。

本质上的逻辑应该是：

if ($RELATIVE_FILEPATH.startsWith('/app') {
    // Next.js with app router / RSC
    render 'import {...} from 'react-bricks/rsc'
} else {
    render 'import {...} from 'react-bricks/frontend'
}

有可能有这样的条件吗？

谢谢！
Matteo

visual-studio-code

1 个回答

  1. Best Answer

    您可以在 vscode 代码片段中执行此类条件。尝试此代码片段：

    "conditional": {
  "prefix": "cf",
  "body": [
    "$RELATIVE_FILEPATH",                // just to check what this outputs
      "render 'import {...} from 'react-bricks\/${RELATIVE_FILEPATH/^(\\app).*/${1:?rsc:frontend}/}'"
  ]
}

    ^(\\app).*将其\app放入捕获组 1（如果存在）。

    ${1:?rsc:frontend}意思是如果存在捕获组 1，则输出rsc，否则（当且仅当没有捕获组 1）输出frontend。

    请注意，vscode 可能返回路径分隔符而\不是/。

    您不希望RELATIVE_FILEPATH输出中的任何部分，因此请确保将其全部匹配^(\\app).*- 您只需要检查捕获组 1 中的开头。

    • 1

相关问题