如何将库导入vue组件？

Question

假设有一个组件ComponentA，我正在其中导入libA。

import libA from 'libA'

和libA需要加载libB。 它适用于如果我在html中加载它们：

<script url='libB url'/>
<script url='libA url'/>

但我想在ComponentA中导入它。 我是ES6，webpack，babel，vue和组件的新手。 任何帮助将不胜感激！

Answer 1

您无法从外部网址导入文件。 Using external javascript files in a .js file 您可以下载外部脚本并将其导入或要求它们进入您的vue组件，或将它们作为脚本标记放在您的html文件中。

我假设你的意思是<script src='libB url' />而不是<script url='libB url' />

- 编辑---

您还可以在build/webpack.prod.conf.js和build/webpack.dev.conf.js中使用webpack plugins。例如，如果你的libB是jQuery，你可以在plugins数组

下添加以下内容

new webpack.ProvidePlugin({
  $: 'jquery',
  jquery: 'jquery',
  'window.jQuery': 'jquery',
  jQuery: 'jquery',
}),