0

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

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

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

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

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

4

2 回答 2

3

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

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

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

于 2017-04-27T16:08:04.210 回答
0

这是一个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));
}
于 2017-04-27T15:38:35.587 回答