How to import library into vue component?

Question

Let's say there is component ComponentA and I am importing libA in it.

import libA from 'libA'

and libA needs libB loaded. it works with If I load them in html:

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

But I'd like to import it in ComponentA. I am new on ES6, webpack, babel, vue and components. Any help would be appreciated!

Trevor V · Accepted Answer · 2018-03-17 13:38:32Z

1

You can’t import files from external URLs. Using external javascript files in a .js file You can download the external script and Import or require them into your vue component or place them in your html file as a script tag.

I'm assuming you also mean <script src='libB url' /> not <script url='libB url' />

-- edit ---

You can also use webpack plugins in your build/webpack.prod.conf.js and build/webpack.dev.conf.js. For example if your libB is jQuery for example you can add the following under your plugins array

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

edited Mar 17, 2018 at 13:38

answered Mar 17, 2018 at 5:25

Trevor V

2,1611 gold badge16 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

mudin Over a year ago

Thank you for your answer. actually the libraries are also in my package.json and node_modules. Yes right src :) sorry my bad

Trevor V Over a year ago

You can also in your 'webpack.prod.conf.js' and 'webpack.dev.conf.js' a new webpack plugin with the library as a global variable.

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

mudin Over a year ago

Thank you very much. I successfully imported threejs usind ur method but there is panolens library github.com/pchen66/panolens.js/blob/master/build/panolens.js which is not exportable :( How can I deal with this?

Collectives™ on Stack Overflow

How to import library into vue component?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related