Angular 如何添加公共静态（css、js、vendor）并作为全局css、js使用_Angular_Angular6

Angular 如何添加公共静态（css、js、vendor）并作为全局css、js使用

angular angular6

Angular 如何添加公共静态（css、js、vendor）并作为全局css、js使用,angular,angular6,Angular,Angular6,我的团队希望将旧项目迁移到angular。我们喜欢angular 6中的组件和aot。但是，问题是我们的项目很复杂，我们不想按照angular的范围重写css（JSforCSS插件），这真的很难。这是结构文件夹（许多插件结合使用js和css）问：如何在Angular中添加作为全局css、js使用的公用文件夹？我们只是重新构造html并深入组件。在资产、样式和脚本部分添加angular.json的路径： "assets": [ "src/favicon.ico", "publ

我的团队希望将旧项目迁移到angular。我们喜欢angular 6中的组件和aot。但是，问题是我们的项目很复杂，我们不想按照angular的范围重写css（JSforCSS插件），这真的很难。这是结构文件夹

（许多插件结合使用js和css）

问：如何在Angular中添加作为全局css、js使用的公用文件夹？我们只是重新构造html并深入组件。

在资产、样式和脚本部分添加angular.json的路径：

"assets": [
    "src/favicon.ico",
    "public/assets"
 ],
 "styles": [
    "public/styles.css"
 ],
 "scripts": [
    "public/script.js"
 ]

您可以使用glob模式来实现这一点

默认情况下，会复制src/assets/folder和src/favicon.ico

"assets": [
  "src/assets",
  "src/favicon.ico"
]

您还可以使用对象作为配置来进一步配置要复制的资产

下面的数组与默认数组的作用相同：

"assets": [
  { "glob": "**/*", "input": "src/assets/", "output": "/assets/" },
  { "glob": "favicon.ico", "input": "src/", "output": "/" },
]

glob是一个使用输入作为基本目录的节点glob
输入与工作区根相对
ignore是要从复制中忽略的全局对象的列表
输出相对于outDir（dist/项目名称默认值）

详细信息可以找到

我看到很多文章都这么说，但我们有超过100个js、css文件