wie Webseiten Assets wie js und CSS-Dateien zu verbergen?

Ich stieß auf die folgende index.html Seite, in der ich keine benutzerdefinierten Assets wie js und CSS-Dateien gefunden habe. Die Vermögenswerte Pfad ist alswie Webseiten Assets wie js und CSS-Dateien zu verbergen?

folgt

ich nicht in der Lage bin zu finden, wo wir assets/css/custom/css assets/js/custom/JS-Dateien enthalten sind.

Gibt es eine Möglichkeit, diese CSS- und JS-Datei vor HTML-Code zu verbergen?

<!DOCTYPE html> 
<html ng-app="App"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Where passion meets potential</title> 
</head> 

    <body> 
     <!-- start of loading jquery --> 
     <script src="assets/js/vendor/jquery/jquery.min.js"></script> 
     <script src="assets/js/vendor/lazyload/lazyload.js"></script> 
     <!-- Loading angular and angular route via CDN --> 
     <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
     <script src="//cdn.firebase.com/js/client/2.2.4/firebase.js"></script> 
     <script src="//cdn.firebase.com/libs/angularfire/1.2.0/angularfire.min.js"></script> 
     <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script> 
     <script src="//cdnjs.cloudflare.com/ajax/libs/ngStorage/0.3.6/ngStorage.min.js"></script> 
     <script src="//cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.8/angular-filter.min.js"></script> 

     <!-- Loading Angular Controller --> 
     <script src="controller.js"></script> 

     <!-- using lazyload to load our dependencies programatically --> 
     <script src="assets/js/vendor/lazyload/application-css.js"></script> 
     <script src="assets/js/vendor/lazyload/application-js.js"></script> 

     <!-- Main Content --> 
     <div id="main"> 
      <!-- angular template injection--> 
      <div ng-view></div> 
     </div> 
     <!-- END Content --> 

    </body> 
</html>

Quelle

2017-01-31 romir

Lesen Sie über die Minimierung von Code –

'' - nichts ist hier "versteckt", diese Ressourcen werden nur dynamisch über die Skripte nach diesem Kommentar hinzugefügt. – CBroe

danke @cBroe Ich spreche von Assets/css/custom/landing.css und Assets/js/custom/landing.js. Ich bin nicht in der Lage zu verstehen, wie diese js und css-Datei in index.html – romir

Lesen Sie einfach die Kommentare. Eine Bibliothek namens Lazyload lädt alle Abhängigkeiten, wahrscheinlich aus den von Ihnen benannten Ordnern.

<!-- using lazyload to load our dependencies programatically --> 
<script src="assets/js/vendor/lazyload/application-css.js"></script> 
<script src="assets/js/vendor/lazyload/application-js.js"></script>

Ich weiß nicht, wie es genau funktioniert, aber ich nehme an, es wird die träge geladenen Dateien irgendwo auf das DOM hinzufügen. Der Client wird immer in der Lage sein, diese Ressourcen irgendwie zu finden (z. B. die Netzwerkregisterkarte von Chrome Devtools). Die Dateien im obigen Code enthalten wahrscheinlich Informationen darüber, wie es für Ihr Projekt funktioniert.

Quelle

2017-01-31 15:22:58 schrej

Danke @schrej für die Antwort der CSS und JS Erwähnung sind in der Lazyload und es wurde dynamisch geladen. – romir

wie Webseiten Assets wie js und CSS-Dateien zu verbergen?

Antwort

Verwandte Themen