动态HTML服务与架构优化
超级会员免费看
构建动态 HTML 服务与应用架构优化
1. 动态 HTML 服务基础
在开发中，我们常常需要根据模板渲染动态内容并返回 HTML 页面。最初，我们读取模板文件 ./dist/index.html ，使用上下文变量 { fname: 'Rick', lname: 'Sanchez' } 进行编译，然后从服务器返回 HTML 字符串。
然而，当在终端运行 gulp 并尝试在浏览器中打开 localhost:8000/hello 时，会发现返回的 <body> 为空。这是因为我们在 ./src 中创建了模板，但配置 nunjucks 从 ./dist 读取文件，而 ./dist 包含应用分发文件， ./src 包含应用源文件。
为了解决这个问题，我们需要更新构建过程以复制模板文件。具体操作步骤如下：
1. 修改 gulpfile.js ，添加 copy 任务：
gulp.task('copy', function () {
return gulp.src('src/**/*.html')
.pipe(gulp.dest('dist'));
});
订阅专栏 解锁全文
扫一扫
171万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
