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

Question

我想slide image使用从互联网获得的jQuery Slide Image在我的应用程序中创建一个。此源必须包括外部JS和CSS。

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

我的应用程序webpack用作模块捆绑器。如何导入外部js文件？我已经尝试<script>在Vue组件中像

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是错误的，那么仅在home组件上使用此js的正确方法是什么，如果我在index.html中注册，而不会击中所有组件，该怎么办？

Answer 1

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

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