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

这段时间我一直在学习把手/主干/木偶，并且一直在一个文件中内联编写所有内容，因此不需要导出/导入

但是，如果我专门为把手条制作一个文件，我该如何导出它（不是说在脚本标记中使用它，我是说es6导出）以及如何在JS文件中导入文件以便使用模板

假设我有这样一个.hbs文件

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

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

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

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

---

我不认为可以直接导入hbs文件，但可以使用node的文件系统包来完成。 你可以这样做

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

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

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

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

---

当然，您还需要导入Handlebar包并使用数据转换模板，否则您将在输出中得到类似{{var}}的内容。

我认为您不能直接导入hbs文件，但可以使用node的文件系统包来完成。 你可以这样做

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

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

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

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

---

当然，您还需要导入Handlebar包并使用数据转换模板，否则您的输出中会出现类似{{var}}的内容。

我认为在普通ES6中无法实现（请坚持导入语法）。你用过类似webpack的东西吗？有了正确的加载器配置，这可能是可行的。是的，我正在使用webpack，它是webpack处理的东西吗？像Handlebar loader这样的东西确实存在，但我不确定它是否适合您的需要。我认为在普通ES6中无法实现（坚持导入语法）。你用过类似webpack的东西吗？有了正确的加载器配置，这可能是可行的。是的，我使用的是webpack，它是webpack处理的东西吗？像手柄加载器这样的东西确实存在，但我不确定它是否适合您的需要。