私のコンポーネントVUE 2（webpack）に外部jsファイルをロードする方法は？

Question

私はすでに見て私は見つかりませんでした。 私は外部のjsファイルからurlを持っています。私はindex.htmlにインポートしています。アプリケーションが起動するとファイルがロードされます。

ただし、ユーザーは機能を頻繁に使用しません。そして、特定のコンポーネントが呼び出されたときにのみ、このファイルをアップロードしたいと思います。

私はテンプレートwebpackでvue cli（vue 2）を使用しています。

私が何かしようとしました：

import * as PagSeguroDirectPayment from 'https://stc.sandbox.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.directpayment.js'; 

required('https://stc.sandbox.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.directpayment.js'); 

をそして彼らは働いていません。

支払いゲートウェイを使用するには、このファイルをアップロードする必要があります。誰でも助けてくれますか？

Answer 1

これは、それが本当によく考えられていると考えているvueが持っている機能の1つです。そんなことをするには実際に超簡単です。

私はこのような私のルートでこれを使用しています：

// home gets loaded always 
const Home = import('@/pages/home') 

// profile and account gets loaded on demand 
const Profile =() => import('@/pages/profile') 
const Account =() => import('@/pages/account') 

のWebPACKで使用する場合、これはコンポーネントごとに個別のファイルが生成されます。 （01.js、02.jsなど）これらのファイルは必要に応じてロードされます。