[Vue] 내가 만든 js파일 import 하기 (Nativescript 7)

내가 작성한 라이브러리를 모듈로 만들어서 불러와야 하는데 문법적인 방법이 맞지 않아 오래 시간동안 시간을 낭비 하고 있다가 방법을 찾은 내용을 정리합니다. 다른 분들도 이 글을 보고 시간을 아끼세요. 

 

정리 

• 해당 방법 이외에 다른 방법도 있음을 알려드립니다.
• Nativescript 로 Vue 언어로 개발 상태에서 적용 하였습니다. 
• 모듈 import는 requre 함수를 통해서 했습니다. 
• 모듈 소스코드에서는 module.exports를 하였습니다. 

 

모듈 함수 만들기 

우선 원하는 자신의 모듈 함수를 만들어 주세요. 그리고 마지막에 module.exports 를 이용하여 추가하여 주세요 

// myModules.js 파일 

function getHello() {
	return "test 함수입니다.";
}	

module.exports = {
	//작성한 함수 명을 입력
	getHello,
}

 

내가 만든 모듈 불러오기 

이제 추가한 모듈을 불러옵니다. 

Nativescript 에서는 import ... from '...' ; 이런식으로 모듈을 불러왔는데 잘 안되서 require 함수를 이용하였습니다. 

코드는 다음과 같습니다. 

// test.vue 파일

// 일반적인 모듈 불러오기 
 import { Color } from "@nativescript/core";
 import { Http, HttpResponse } from '@nativescript/core';
 
// 내 모듈 불러오기
 let  test  = require('../modules/weather');
 
  export default {
  	methods:{
   		test.getHello();
        }
    }

 

여러 방법을 시도하였지만 현재 이 방법이 작동하고 있어 다른분들도 도움이 많이 되었으면 좋겠습니다.