title: How to include external js inside vue component
body: <p>I want to make a <code>slide image</code> in my app using jQuery Slide Image I get from internet. This source must include external <strong>JS</strong> and <strong>CSS</strong>.</p>
  
  <p>I just want to use this external library only for certain components, so I just want to import it in only one particular component (<code>Home Component</code>).</p>
  
  <p>My app uses <code>webpack</code> as a module bundler. How do I import external js file? I have tried doing it inside <code>&lt;script&gt;</code> in Vue Components like </p>
  
  <pre><code>var slide = require('assets/template/js/jssor.slider-26.1.5.min.js');
  </code></pre>
  
  <p>But I got error :</p>
  
  <pre><code>Error: Cannot find module "assets/template/js/jssor.slider-26.1.5.min.js"
  </code></pre>
  
  <p>My application structure
  <a href="https://i.stack.imgur.com/4cRxP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4cRxP.png" alt="enter image description here"></a></p>
  
  <p>If the way I imported <code>js files</code> is <strong>wrong</strong>, how is the right way to use this js only on home component, without all components hit if i register in index.html</p>