如何導出車把文件以及如何將其導入到 JS 文件中

Question

一直以來，我一直在學習handlebars/backbone/marionette ，並且一直在一個文件中內嵌所有內容，因此不需要導出/導入。

但是，如果我專門為把手制作一個文件，我該如何導出它（不是在腳本標簽中使用它，我是在談論 es6 導出）以及如何將文件導入 JS 文件中，以便我可以使用模板。

假設我有一個這樣的 .hbs 文件

<div id="listItem-container">
    <h1>List Item Container</h1>
</div>

我如何將它導入到這樣的 js 文件中

import ListView from '../../template/listView';

Answer 1

我不認為你可以直接導入 hbs 文件，但是你可以使用 node 的 File System 包來做。 你可以做這樣的事情

import fs from 'fs';
import path from 'path';

const listView = fs.readFileSync(path.resolve(__dirname, `../../template/listView`), 'utf8');

當然，您還需要導入 handlebars 包並使用數據轉換模板，否則最終輸出中會出現 {{var}} 之類的內容。