title: Loading css and scripts via import in component's css vs linking it in index
body: <p>What difference does it make apart from global vs local when you put css in index.html vs component's css file because I a trying to setup a theme in angular. When I put the styles and script in index file everything works correctly but when i import it from the components css and ts file then the menu toggle stops working and some css seems broken and I need to put it in components css and ts because I dont want it to load on other pages.</p>
  
  <pre><code> &lt;link rel="stylesheet" href="assets/dashboard/dist/css/AdminLTE.min.css"&gt;
      &lt;link rel="stylesheet" href="assets/dashboard/dist/css/skins/_all- skins.min.css"&gt;
      &lt;/head&gt;
      &lt;body class="hold-transition skin-blue sidebar-mini"&gt;
  &lt;app-root&gt;&lt;/app-root&gt;
    &lt;script src="assets/dashboard/js/adminlte.js"&gt;&lt;/script&gt;
  &lt;/body
  </code></pre>
  
  <p>Components css file</p>
  
  <pre><code> @import url('../../assets/dashboard/css/AdminLTE.min.css');
      @import url('../../assets/dashboard/css/skins/_all-skins.min.css');
  </code></pre>
  
  <p>Components ts file</p>
  
  <pre><code>import'../../assets/dashboard/js/adminlte.js';
  </code></pre>