[Python] Flask에서 npm 라이브러리 사용하는 방법

Flask로 웹페이지를 만들면서 npm 라이브러리를 사용해야하는 경우 

다음과 같은 방법으로 사용하면 됩니다.

 

다음의 방법은 node.js가 미리 설치되어있다는 가정 하에 가능합니다.

 

Mac을 사용하고 brew를 설치하셨다면

$ brew install node

위의 명령어를 활용하여 설치하여 줍니다.

 

먼저 Flask 프로젝트의 static 디렉토리로 이동합니다.

$ cd static

 

그 다음 다음의 명령어를 활용하여 npm 프로젝트로 initialize 시켜줍니다.

$ npm init

 

그 다음 npm라이브러리 중 사용을 희망하는 라이브러리를 설치하고 저장합니다.

예시로는 dom-inspector라는 오픈소스 라이브러리를 예시로 들겠습니다.

$ npm install dom-inspector --save

 

완료하였다면 이제 코드에서 설치한 라이브러리를 활용하는 코드를 작성합니다.

<script type="text/javascript" src="{{ url_for('static', filename='node_modules/dom-inspector/dist/dom-inspector.min.js') }}"></script>

 

그럼 Flask에서도 npm 라이브러리 사용이 가능합니다.

 

읽어주셔서 감사합니다