.Net Core / Angular CLI - NPM 构建自动化（html 到 cshtml）

Question

我正在使用 .Net Core (netcoreapp1.1) 和 Angular CLI (1.0.1) 在 Visual Studio 2017 中使用 npm 脚本开发构建过程。

是否可以编写 npm 脚本以获取 Index.html 主体标记的内容（来自 Angular CLI 创建的文件）并将其放入 a.cshtml 文件的主体中？

理想情况下，我想专门使用 npm 脚本并远离 Gulp，但如果有必要，我可以接受 Gulp 解决方案。

澄清更新：我的目标是将 Angular CLI 创建的 Index.html 文件中的必要脚本包含到一个预先存在的 cshtml 视图中，该视图具有一些我需要保留的代码。

如果有必要创建一个新文件，有没有办法从两个现有文件（html和cshtml）中解析数据并将它们合并为一个？ 我真的只需要将 html 正文中的脚本添加到我的视图中。

Answer 1

如果您不打算向生成的 HTML 添加任何服务器代码，而您真的只是想重命名文件，那么它可以像使用 CLI 本身一样简单。

• 将index.html重命名为index.cshtml
• 将.angular-cli.json中的index条目更新为index.cshtml
• 然后使用 CLI 正常构建

我用一个新项目对此进行了测试，似乎在开发构建 ( ng b ) 和生产 ( ng b -prod -aot ) 中都能很好地工作。 您也可以尝试实际包含一些服务器代码，但如果编译器发现无效标记，您可能会遇到一些解析错误。

Answer 2

这是一个解决方案，

var gulp = require('gulp');
var rename = require('gulp-rename');

gulp.task('default', function () {
    copy('<your html path>', 'cshtml file name', '<destination path>');
});

function copy(src, filename, dest) {
    gulp.src(src)
        .pipe(rename(filename))
        .pipe(gulp.dest(dest));
}