如何在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');