除了使用 TM_FILENAME_BASE 之外，还有其他方法可以修剪 TM_FILENAME 吗？

我正在尝试为 redux 容器文件创建一个片段，该文件导入一些具有相同基本名称的反应文件。 TM_FILENAME_BASE 非常适合从文件名中删除 .js，但在本例中，我的组件文件的扩展名是 fun-thing.component.js，容器也会采用 fun-thing.container.js 扩展名。

我用来选择第一个周期之前的所有内容的正则表达式是^([^.]+)

  "Redux Container": {
    "prefix": "rc",
    "body": [
      "// @flow",
      "import { connect } from 'react-redux';",
      "import { ${TM_FILENAME/^([^.]+)/${1:/pascalcase}/}Component } from './${TM_FILENAME/^([^.]+)/$1/}.component';",
      "",
      "const mapStateToProps = (state) => ({});",
      "",
      "const mapDispatchToProps = {};",
      "",
      "export const ${TM_FILENAME/^([^.]+)/${1:/pascalcase}/} = connect(",
      "  mapStateToProps,",
      "  mapDispatchToProps",
      ")(${TM_FILENAME/^([^.]+)/${1:/pascalcase}/}Component);"
    ],
    "description": "Creates a normal container for a normal component"
  }

expected

// @flow
import { connect } from 'react-redux';
import { FunThingComponent } from './fun-thing.component';
...

actual

// @flow
import { connect } from 'react-redux';
import { FunThing.container.jsComponent } from './FunThing.container.js.component';
...

正如您所看到的，它没有省略文件扩展名。

这两者都有效：

  "import { ${TM_FILENAME/^([^.]+).*/${1:/pascalcase}/}Component } from './${TM_FILENAME/^([^.]+).*/$1/}.component';",

  "import { ${TM_FILENAME/(.*?)\\..+/${1:/pascalcase}/}Component } from './${TM_FILENAME/(.*?)\\..+/$1/}.component';"

如果您愿意，可以使用 vscode 片段进行转换exclude根据需要删除变量的一部分.component.js从文件名，那么变量的那部分必须在正则表达式中考虑 - 因此(.*?)\\..+.

否则变量的“看不见的”部分就会通过。

所以你的正则表达式^([^.]+)准确地捕获了第一个之前的文件名部分.但变量的其余部分是“通过”未修改的。

通过这个例子你可以更清楚地看到这一点：

"import { ${TM_FILENAME//${1:/pascalcase}/}Component }

产生：

import { fun-thing.component.jsComponent }

因此，尽管没有捕获任何文件名，但整个文件名都会被传递。

${someVariable/everything To Be Transformed/what To Do To the previous/}

如果它不在“一切都将被改变”部分，那么它什么也不会发生。