VueJS CLI機能が利用できません

Question

VueJS CLI Webpackを初めて使用しました。 JavaScriptファイルをグローバルにインクルードしたい。

私main.js：

私はライブラリのすべての関数を使用してい functions.jsで

require('./assets/css/main.css'); 

require('./assets/js/vendor/jquery-2.2.4.min.js'); 
require('./assets/js/vendor/TweenMax.min.js'); 
require('./assets/js/vendor/device.min.js'); 

require('./assets/js/functions.js'); 

（jqueryの、device.js ...）

私はエラーを取得します：

Uncaught ReferenceError: TweenMax is not defined

...
私はfunctions.js内のライブラリを使うのはなぜカント
？よくわかりません。
ありがとうございます

Answer 1

どのように動作しないのですかvue and webpack handle assets and static files。

通常、あなただけのNPM等を介して、あなたのモジュールをインストールします：あなたが使用しようとしたTweenMaxのためだ

npm install gsap --save

を。あなたはon npm hereを見つけるでしょう。

は、その後、あなたがそれを使用したい.vueファイルで、あなただけインポートして、それを使用します。

<script> 
import {TweenMax} from 'gsap' 
export default { 
    methods: { 
    myMethod() { 
     TweenMax.to() 
    } 
    } 
} 
</script> 

あなたはいくつかのコンポーネントでそれらを使用する場合は、adding them as instance propertiesを検討することができます。その後、それらを手動ですべてインポートする必要はありません。