React 및 React Native에서 노드 패키지를 가져옵니다.

프런트엔드 앱의 백엔드에서 일반적으로 사용되는 패키지를 사용하시겠습니까? 글쎄, 당신은 Browserify의 도움으로 그것을 할 수 있습니다.

브라우저파이란?

브라우저에서 사용하기 위해 컴파일할 노드 모듈을 사용할 수 있게 해주는 JavaScript 번들러입니다. 또한 자신의 코드와 타사 코드를 추적하는 데 사용할 수도 있습니다.

어떻게 사용합니까?

간단히 말해서 사용자 지정 코드 또는 외부 라이브러리를 browserify에 전달하면 나머지는 처리됩니다.

이제 예를 들어 웹 앱에 타사 패키지 xml-js가 필요하면 이러한 세트를 따라야 합니다.

xmlConverter.js라고 하는 파일을 만듭니다.

const convert = require(‘xml-js’);
module.exports = convert;

다음으로 -o 옵션을 사용하여 이 파일을 browserify에 전달합니다. 이 -o는 컴파일된 코드를 포함할 파일을 알려주는 데 사용됩니다.

$ browserify xmlConverter.js -o xmlComplied.js

이제 이 파일을 웹 애플리케이션에서 활용할 수 있습니다. 그러나 이것은 기본 프로그램에서는 작동하지 않습니다. Aakash N S은 그렇게 하는 방법에 대한 자세한 지침을 제공합니다. 깊이 파고들지 않으려면 계속 읽을 수 있습니다. 나는 당신을 위해 모든 것을 처리할 스크립트를 만들었고 웹과 모바일 앱 모두에서 작동할 것입니다.

Docker 실행 사용: (link)

$ cd <project_directory>
$ docker run -it --rm -v "${PWD}":/app node-to-app-compiler:v0.0.1 <option> <package_name>

예시:

$ docker run -it --rm -v "${PWD}":/app node-to-app-compiler:v0.0.1 xml-js

터미널 사용: (link)

이것을 복제repo하고 셸 스크립트를 실행합니다.

$ chmod +x compiler.sh
$ ./complier.sh <options> <package_name>

예시:

$ ./complier.sh xml-js

옵션:

–local: 이 매개변수는 사전 설치된 노드 패키지를 찾고 있는지 여부를 스크립트에 알려줍니다. 이 스크립트는 기본적으로 npm을 사용하여 패키지 설치를 시도합니다.

참조

Browserify

Browserify Handbook

Using Core Nodejs Modules In React Native Apps

React Native

ReactJs