如何在jHipster 4中添加自定义js和css文件

Question

因为我不熟悉webpack,所以在使用jhipster 4时我遇到了一些困难.我想在jHipster中添加一些应用程序级别的js和css文件.有人可以建议如何做到这一点.

Answer 1

我们在实现primeng时学习了将其添加到src/main/webapp/content/scss/vendor.scss例如:

@import '~primeng/resources/primeng.min.css';
@import '~primeng/resources/themes/bootstrap/theme.css';

我们scss在创建jhipster应用程序时添加了该选项

Answer 2

src/main/webapp/content/css/global.css在运行时编辑文件yarn start：您的更改应该热重新加载。如果您有多个 CSS，请使用它们@import或将它们导入到vendor.ts.

对于您的自定义 js 文件也是如此，该文件应该位于src/main/webapp/app但可能是用 Typescript 而不是 javascript 编写的。当然，我假设你对 Angular 有一定的了解才能做到这一点。