打字稿不加载车把文件

Question

我有以下目录结构：

src
|- server
  |- myServer.ts
  |- views
    |- myView.hbs
dist
|- server
  |- myServer.js

请注意，dist 文件夹中没有 views 文件夹（从 typescript 编译的 js 源代码所在的位置）。这是一个问题，因为当我从 javascript 中请求 ../views/selectCoin.hbs 时，什么都没有。

编译打字稿时如何将*.hbs 文件导出到javascript？

Answer 1

要告诉车把视图在哪里，您可以像这样配置它

app.set('view engine', 'hbs');
app.set('views', path.join(__dirname, '../../src/server/views'));
app.engine('hbs', exphbs({
    defaultLayout: 'index',
    extname: 'hbs',
    layoutsDir: path.join(__dirname, '../../src/server/views/layouts'),
    partialsDir: path.join(__dirname, '../../src/server/views'),
}));

因此它将在src 文件夹中查找视图。

---

另一种选择是使用ts-node 而不是node。有了它，你不需要编译你的项目，你也不需要 dist 文件夹，你可以配置它直接从你所在的地方看：

app.set('view engine', 'hbs');
app.set('views', path.join(__dirname, 'views'));
app.engine('hbs', exphbs({
    defaultLayout: 'index',
    extname: 'hbs',
    layoutsDir: path.join(__dirname, 'views/layouts'),
    partialsDir: path.join(__dirname, 'views'),
}));

---

如果您想将视图复制到 dist 文件夹，您可以：

• 制作一个shell脚本来复制文件
• copy-webpack-plugin 如果使用 webpack
• copy files with gulp 如果使用 gulp