如何在Vue组件中引入外部JavaScript文件

Question

我想在我的应用程序中使用来自互联网的jQuery Slide Image 制作一个幻灯片图片。这个源必须包括外部JS和CSS。

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

我的应用程序使用webpack作为模块打包工具。如何导入外部js文件？我已经尝试在Vue组件内部使用

- Bertho Joris

Answer 1

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

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

- riyaz-ali

---

感谢 @riyaz-ali 的改进。这种情况是否也适用于 css 文件？ - Bertho Joris

是的，它适用于 webpack 可以加载的几乎任何资源...在此处查看有关 webpack 解析模块路径的详细信息：https://webpack.js.org/concepts/module-resolution/ - riyaz-ali