如何导出车把文件以及如何将其导入JS文件

时间:2019-05-06 03:29:30

标签: javascript ecmascript-6 handlebars.js templating

这一次我一直在学习handlebars/backbone/marionette,并且一直将所有内容内联地写在一个文件中,因此不需要导出/导入。

但是,如果我要专门制作用于把手的文件,我该如何进行导出(而不是在脚本标签中使用它,我是在谈论es6导出),以及如何将文件导入JS文件中,所以我可以使用模板。

让我说我有一个.hbs文件

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

我如何将其导入这样的js文件中

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

1 个答案:

答案 0 :(得分:0)

我认为您不能直接导入hbs文件,但是可以使用node的File System软件包来完成。 你可以做这样的事情

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

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

当然,您还需要导入handlebars包并使用数据转换模板,否则最终将在输出中出现诸如{{var}}之类的东西。