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

Question

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

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

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

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

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

Answer 1

这是一个gulp解决方案，

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));
}

Answer 2

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

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

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

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

.Net Core / Angular CLI - NPM Build Automation (html to cshtml)

angular

asp.net-core

asp.net-core-mvc

angular-cli

npm-scripts