2017-08-30 9 views
0

これは私が私の角度のプロジェクトにいくつかのlibsをロードする方法である:角度 - 各ファイルの代わりにフォルダを個別に読み込むことはできますか?

<!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> 

ありがとう。

答えて

0

残念ながら、なし。角はフロントエンドフレームワークです。では、フロントエンド言語のみのフォルダ内のすべてのCSSファイルを個々に指定せずにロードできません。

バックエンド言語にアクセスできる場合は、ディレクトリをスキャンし、どのファイルが含まれているかを調べることができます。次に、ループを使用してHTMLへのリンクを個別に書き込むことができます。

バックエンド言語がない場合は、プロジェクトで使用されているすべてのCSSファイルまたはJSファイルを1つのファイルにパッケージ化することをお勧めします。これにより、パフォーマンスが向上し、コードを簡単に圧縮できます。

関連する問題