VueJS CLI 기능을 사용할 수 없습니다.

Question

VueJS CLI 웹팩을 처음 사용했습니다. 전 자바 스크립트 파일을 전역으로 포함하고 싶습니다.

내 main.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'); 

에서 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을 고려할 수있는 몇 가지 구성 요소를 사용합니다. 그런 다음 수동으로 항상 가져올 필요는 없습니다.