Question

我必须在angular2应用程序中包含一组CSS和JS文件。

正确的文件夹是什么，以便在我进行构建时包含？

我是否必须将它们放在 SRC \ Assets 或 SRC \ myFolder 下？

定义后，如何将其包含在app.component.html中以及如何正确配置<base href="/">？

感谢支持

Answer 1

如果您使用Angular CLI，那么您可以将它们放在任何地方，但我建议在src / assets文件夹中使用合理的逻辑位置。

从那里添加angular.cli.json文件中js和css文件的条目。

应用程序节点中的每个对象/应用程序下都有一个脚本数组和一个样式数组。

寻找类似......

的东西

apps: [
 {
   ...
   "styles": [ "assets/styles/myCustomStyles.css" ],
   "scripts": [ "assets/js/dragevents.js" ]
 }
]

如果正确完成，cli会在构建时自动将它们添加到索引中。

Answer 2

我正在使用webpack，在我的应用程序中，我已将它们放在src / assets文件夹中，现在我可以像这样使用它

<img class="photo-icon" src="/assets/img/user-default.png">

您可以在资源文件夹中为javascript，图像和样式表等创建单独的文件夹，并附加到路径中。

Answer 3

如果你问的是哪种风格，官方角度风格指南说：

这是一种推荐的方式，但正如评论所述，您可以按照更适合您的顺序排列它们。