.Net Core / Angular CLI - NPM 构建自动化(html 到 cshtml)
.Net Core / Angular CLI - NPM Build Automation (html to cshtml)
我正在 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 正文中的脚本添加到我的视图中。
这是一个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));
}
如果您不打算向生成的 HTML 添加任何服务器代码,而您真的只是想重命名文件,那么它可以像使用 CLI 本身一样简单。
- 将
index.html
重命名为 index.cshtml
- 正在将
.angular-cli.json
中的 index
条目更新为 index.cshtml
- 然后使用 CLI 正常构建
我用一个新项目对此进行了测试,似乎在开发构建 (ng b
) 和生产 (ng b -prod -aot
) 中都能很好地工作。您也可以尝试实际包含一些服务器代码,但如果编译器发现无效标记,您可能 运行 会出现一些解析错误。
我正在 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 正文中的脚本添加到我的视图中。
这是一个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));
}
如果您不打算向生成的 HTML 添加任何服务器代码,而您真的只是想重命名文件,那么它可以像使用 CLI 本身一样简单。
- 将
index.html
重命名为index.cshtml
- 正在将
.angular-cli.json
中的index
条目更新为index.cshtml
- 然后使用 CLI 正常构建
我用一个新项目对此进行了测试,似乎在开发构建 (ng b
) 和生产 (ng b -prod -aot
) 中都能很好地工作。您也可以尝试实际包含一些服务器代码,但如果编译器发现无效标记,您可能 运行 会出现一些解析错误。