如何在vue组件中包含外部js

Question

我想在我的应用程序中使用jQuery Slide Image制作slide image 。 此源必须包含外部JS和CSS 。

我只想将这个外部库用于某些组件，所以我只想在一个特定的组件（ Home Component ）中导入它。

我的应用程序使用webpack作为模块捆绑器。 如何导入外部js文件？ 我试过在Vue Components中的<script>里面做过这样的事情

var slide = require('assets/template/js/jssor.slider-26.1.5.min.js');

但是我得到了错误：

Error: Cannot find module "assets/template/js/jssor.slider-26.1.5.min.js"

我的申请结构

如果我导入js files的方式是错误的 ，那么在主组件上使用这个js的正确方法是什么，如果我在index.html中注册，那么所有组件都不会被命中

Answer 1

模块路径相对于正在编译的文件进行解析。 在这种情况下，要导入外部脚本，您需要一条路径，如：

var slide = require('../assets/template/js/jssor.slider-26.1.5.min.js');