plain javascript로 짜여진 라이브러리 ...

JavaScript
1

안녕하세요. Vue를 공부하면서 혼돈에 빠진 뉴비개발자입니다.

이번에 프로젝트를 Vue로 시작하면서 외부 라이브러리를 사용할 일이 생겼어요

그런데 이 라이브러리는 순수 자바스크립트로 작성되어 있고, 여타 자바스크립트 file과 같이 내부에는 그저

var test = 'hi!';
function print(){
      console.log(test);
}

와 같이 변수와 함수만 들어있습니다.

그런데 문제는 Vue에서 이걸 사용하려고 하니 무슨짓을 해도 사용할수가없네요 ㅠㅠ

import lib from '../경로/file.js'형식으로 해도 안되고

const lib = require('../경로/file.js');형식으로 해도 안되고…

안된다는게 파일을 못찾는다는게 아니고… console.log로 찍어봐도 object로 나올뿐

lib.test가 undefined로 나와서 사용이 안돼요…

typeof를 찍어보니 es_module이 나오는데…구글링 해도 답이없네요

혹시 일반 자바스크립트 파일을 라이브러리로 쓰려면 다른 설정을 해야하나요?ㅠㅠ

2

모듈은 캡슐처럼 내부 코드가 감춰지고 내부에서만 사용 되어요. IIFE함수 처럼 이해 하시면 될 것 같아요.
그래서 export를 안해주면 모듈안에 값에 접근이 안되요.

참고 자료 몇개 동봉합니다.
https://developer.mozilla.org/ko/docs/Glossary/IIFE, https://github.com/codepink/codepink.github.com/wiki/자바스크립트-모듈,-모듈-포맷,-모듈-로더와-모듈-번들러에-대한-10분-입문서

3

와 한방에 이해했어요!! 정말 감사합니다 ㅎㅎㅎ