我建立了一个具有以下文件结构的应用程序:

node.js - 输出到另一个目录时如何在Typescript编译过程中包含.html文件-LMLPHP

我正在为此应用程序使用Typescript和Angular2。我在.ts文件上有观察者,当任何更改时, typescript 文件都会自动编译。 .ts文件位于/assets/app文件夹中,而已转译的.js文件的输出目录是/public应用程序文件。

这工作正常,但是当对任何.html文件进行CRUD处理时,我必须直接在/public/app文件中编辑这些文件,因为由于它们是.html而不是.ts文件而没有被编译。

我想知道(对于Angular2和Typescript来说是相当新的东西),是否可以在创建和更新html View 文件时自动将它们移到公共(public)文件夹中?

这是我当前的npm命令,它监视NodeJS和.ts文件上的更改:

"start": "concurrently \"tsc -w \"  \"nodemon ./bin/www\"",

谢谢

最佳答案

要解决此问题,您可以将HTML文件保存为以下格式:

fileName.html.ts

在此,将您的整个html定义为:
export const html: string= `<div> something </div>`;

要在指令中获取此html,可以将其用作:
import {html} from 'fileName.html'

并代替templateUrl,您应该将template用作:
template: html

有关更多信息,您可以在github上看到this repo

希望这能解决您的问题。

09-20 22:59