Webpack 如何将库导入vue组件？

假设有component

ComponentA

，我正在导入

libA

import libA from 'libA'

而

libA

需要

libB

加载。 如果我在html中加载它们，它会起作用：

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

但我想将其导入到组件A中。 我是ES6、webpack、babel、vue和组件方面的新手。

---

任何帮助都将不胜感激

无法从外部URL导入文件。您可以下载外部脚本并将其导入或要求导入到vue组件中，或将其作为脚本标记放置在html文件中

我想你的意思也是

而不是

--编辑---

您还可以在

build/webpack.prod.conf.js

和

build/webpack.dev.conf.js

中使用。例如，如果您的libB是jQuery，那么您可以在

插件

数组下添加以下内容

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

---

谢谢你的回答。实际上，这些库也在my package.json和node_模块中。是的，右

src

：）对不起，我的坏消息您也可以在“webpack.prod.conf.js”和“webpack.dev.conf.js”中添加一个新的webpack插件，并将库作为全局变量

newwebpack.ProvidePlugin（{$：'jquery'，jquery:'jquery'，window.jquery'：'jquery'，jquery:'jquery'，Ladda:'Ladda'，Ladda:'Ladda'，PNotify:'PNotify'），

非常感谢。我用你的方法成功导入了threejs，但有一个panolens库无法导出：（我如何处理这个问题？