미니 프로그램에서 npm 패키지를 사용하는 방법

不言
풀어 주다: 2018-10-17 14:31:23
앞으로
5361명이 탐색했습니다.

이 기사의 내용은 작은 프로그램에서 npm 패키지를 사용하는 방법에 대한 것입니다. 필요한 친구들이 참고할 수 있기를 바랍니다.

WeChat 미니 프로그램은 버전 2.2.1 이후 npm 패키지 로딩에 대한 지원을 추가하여 미니 프로그램이 npm을 사용하여 타사 패키지를 설치할 수 있도록 지원합니다.

1. 미니 프로그램에서 npm 패키지 로드

npm install miniprogram-datepicker --production
로그인 후 복사

node_modules는 미니 프로그램의 루트 디렉터리에 있거나 미니 프로그램의 루트 디렉터리 아래의 다양한 하위 디렉터리에 있을 수 있습니다. 하지만 미니 프로그램의 루트 디렉터리 외부에는 있을 수 없습니다. --production 옵션을 사용하면 업무와 관련이 없는 일부 npm 패키지의 설치를 줄여 전체 소규모 프로그램 패키지의 크기를 줄일 수 있습니다.

2. npm 패키지 빌드

WeChat 미니 프로그램 개발 도구의 "도구" 메뉴에서 "npm 빌드" 명령을 클릭하면 npm 패키지를 빌드할 수 있습니다. 사용된 패키지입니다.

node_modules 디렉터리는 컴파일, 업로드 및 패키징에 관여하지 않으므로 미니 프로그램이 npm 패키지를 사용하려면 "build npm" 프로세스를 거쳐야 합니다. miniprogram_npm 디렉터리는 동일한 수준 디렉터리 아래에 생성됩니다. 여기에는 미니 프로그램에서 실제로 사용되는 npm 패키지인 빌드 및 패키지된 npm 패키지가 저장됩니다.

빌드 및 패키징은 두 가지 유형으로 나뉩니다. 미니 프로그램 npm 패키지는 빌드 파일 생성 디렉터리의 모든 파일을 miniprogram_npm에 직접 복사합니다. 다른 npm 패키지는 js 파일 항목부터 시작하여 종속성 분석 및 패키징 프로세스를 거칩니다. 웹팩과 유사).

npm 패키지를 찾는 프로세스는 npm 패키지에 의존하는 파일이 있는 디렉터리에서 시작하여 사용 가능한 npm 패키지 또는 애플릿의 루트 디렉터리를 찾을 때까지 계층별로 검색합니다.
미니 프로그램에서 npm 패키지를 사용하는 방법
빌드가 완료되면 프로젝트에서 "npm 모듈 사용"이 선택되었는지 확인해야 합니다.

미니 프로그램에서 npm 패키지를 사용하는 방법

3. npm 패키지

js를 사용하여 npm 패키지 소개:

const package = require('packageName')
로그인 후 복사

npm 패키지의 사용자 정의 구성 요소 사용:

{
    "usingComponents": {
      "datepicker": "miniprogram-datepicker"
    }
}
로그인 후 복사

miniprogram-datepicker 구성 요소 실행 효과

미니 프로그램에서 npm 패키지를 사용하는 방법

기타: WeChat 미니 프로그램 npm 지원 문서: https://developers.weixin.qq...

위 내용은 미니 프로그램에서 npm 패키지를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:segmentfault.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿