在 Angularjs2 文件上用两个点吞噬extname

Question

下面的gulp重命名任务适用于带有一个点的angularjs2 ts文件，例如appcomponent.ts。但是，如果文件名有两个点，如login.service.ts，gulp extname就会混淆，并且会采用第一个点之后的任何内容作为扩展名。知道如何让extname知道扩展名在最后一个点之后吗？

gulp.task('ts', function () {
  return gulp.src('src/**/*.ts')
    .pipe(rename({
      extname: ''
    }))
    .pipe(traceur({
      modules: 'instantiate',
      moduleName: true,
      annotations: true,
      types: true,
      memberVariables: true
    }))
    .pipe(rename({
      extname: '.js'
    }))
    .pipe(gulp.dest('build'));
});

Answer 1

gulp-rename只替换最后一个点之后的扩展名。它在内部使用文档所述path.extname()：

返回路径的扩展名，从路径最后一部分中的最后一个"."到字符串的末尾

你的问题是这三行：

.pipe(rename({
  extname: ''
}))

在这里，您可以删除.ts扩展名，因此当您最终rename({extname: '.js'}文件扩展名时，实际上是.service 。删除这三行，您的重命名就可以了。