使用目录结构:
clients
main.css
main.html
main.js
server
main.js
imports
ui
partials
header
header.css
header.html
header.js
header.collection.js
body
body.css
body.html
body.js
body.collection.js
footer
footer.css
footer.html
footer.js
footer.collection.js
客户端/ main.html中的(通过main.js)
我想创建类似:(简化)
的东西{{headercontent}}
{{bodycontent}}
{{footercontent}}
在main.js中添加这些部分的导入结构是什么?
全部谢谢
答案 0 :(得分:1)
您可以通过为每个部分创建不同的模板来创建这些部分。
我将举一个简短的例子。假设我们要创建一个页面(finalTemplate),其中包含四个组件-1)页眉,2)页脚,3)侧栏和4)内容。
你所做的结构对这些有益。在编写代码时,您只需要小心导入所需的文件。
同样谨慎,必须在服务器和客户端启动中导入集合。
要将四个组件包含在fial中,您只需要包含这些模板。
所以我的最后一页看起来像
<template name="finalTemplate">
{{> header}} //Templates are imported by {{> TemplateName}} Not by {{TemplateName}}
{{> sidebar}}
{{> content}}
{{> footer}}
</template>
您要求的示例的示例导入结构:
的 header.js 强>
import './header.html'
import './header.css'
import '.header.collections.js'
在服务器的启动功能中,您应该导入服务器端所需的所有集合文件。