angular - 我可以单独加载文件夹而不是每个文件吗?

时间:2017-08-30 23:53:01

标签: css

这就是我将一些lib加载到我的角度项目中的方法:

   <!DOCTYPE html>
   <head>
   <meta charset="ISO-8859-1">
   <script src="lib/angular.js"></script>
   <link rel="stylesheet" href="css/bootstrap.min.css">
   <link rel="stylesheet" href="css/effects.css">
   </head>
   <body>
   </body>
   </html>

现在,假设我想加载另一个也存储在“css”文件夹中的css文件。我可以只声明文件夹并将所有“.css”文件正确加载到项目中吗?例如:

   <!DOCTYPE html>
   <head>
   <meta charset="ISO-8859-1">
   <script src="lib/angular.js"></script>
   <link rel="stylesheet" href="css/bootstrap.min.css">
   <link rel="stylesheet" href="css/*.css">            <--- here!
   </head>
   <body>
   </body>
   </html>

感谢。

1 个答案:

答案 0 :(得分:0)

不幸的是,没有。 Angular是一个前端框架,您无法加载仅包含前端语言的文件夹中的所有CSS文件,而无需单独指定它们。

如果您可以访问后端语言,则可以扫描目录并找出其中包含的文件。然后,您可以使用循环将每个链接单独写入HTML。

如果没有后端语言,您可以做的最好的事情是将项目中使用的所有CSS或JS文件打包到一个文件中。这样可以提高性能,还可以轻松压缩代码。