如何在jhipster的角度应用程序中包含css和js文件等资源文件？

Question

我一直在尝试在我的jhipster angular 2应用程序中包含资源文件，但在问题中停留了3天。到目前为止，我发现，角度2是基于webpack在此应用程序中配置。我尝试通过angular-cli.json和vendor.ts实现。我甚至试图将文件包含在index.html文件中。不幸的是，我的愚蠢应用程序没有任何变化。回应很明显。谢谢！

Answer 1

假设您正在使用yarn start运行工作设置并启动热重新加载器，则有几个用例包含“资产”，如CSS / JS

全局样式表

所有全局样式表都可以放在文件global.(s)css中，并且更改会立即触发热重新加载。

组件样式表

您可能希望为某个角度组件提供一个样式表，该样式表封装在该组件中。然后在some.component.css旁边添加some.component.ts（或scss）并以这种方式嵌入：

@Component({
    selector: 'jhi-some-component',
    templateUrl: './some.component.html',
    styleUrls: [
        'some.component.scss'
    ]
})
export class SomeComponent
//...

作为全局样式，组件样式会在更改时触发热重载。

供应商样式表

您可以将它们放入vendor.(s)css。要使对该文件的更改生效，需要重新启动yarn start

一般资产

Webpack尝试相对于其文件解析所有提到的资产以包含它们。这样你就可以使用你想要的任何资产。如果Webpack在解决任何资产时遇到问题，它会告诉您。

你也提到了JS，但我没有理解使用JS资源，因为在角客户端中使用了Typescript。