모듈 가져오기 예제를 통한 three.js 공유

이 글에서는 three.js 중국어 문서 학습 및 모듈 가져오기에 대한 관련 정보를 주로 소개합니다. 이 글에서는 누구나 three.js를 배우고 사용할 수 있는 확실한 참고 학습 가치를 제공합니다. 필요하신 분 아래 에디터와 함께 배워보세요.

머리말

이 글에서는 모듈을 통해 가져온 three.js에 대한 관련 내용을 주로 소개합니다. 스크립트 태그를 통해 three.js를 가져오는 것은 빠르게 시작하고 실행할 수 있는 좋은 방법입니다. 장기간 업데이트되는 프로젝트에는 몇 가지 단점이 있습니다. , 예:

• 프로젝트 소스 코드의 일부로 라이브러리 사본을 수동으로 호출하고 가져와야 합니다.

• 라이브러리 버전 업데이트는 수동 프로세스입니다.

• 새 버전의 라이브러리를 도입할 때 버전 관리 차이가 소스 파일과 엉망이 됩니다.

NPM과 같은 종속성 관리자를 사용하면 이러한 버전 관리 문제의 부적절함을 피하십시오.

NPM을 통한 설치

three.js가 npm 모듈로 출시되었습니다. 자세한 내용은 npm을 참조하세요. npm 제거 및 설치에 대해서는 http://www.jb51.net/article/90518.htm 문서를 참조하세요. 여기서는 설치가 성공한 후에만 자세히 설명하지 않겠습니다. npm install three를 실행해야 합니다. three.js가 프로젝트에 포함됩니다.

모듈 가져오기

Webpack 또는 Browserify의 패키징 도구를 사용한다고 가정하면 코드에서 require('modules')를 사용하여 패키지된 모든 종속성을 참조할 수 있습니다.

이제 소스 코드에서 모듈을 가져오고 정상적으로 진행할 수 있습니다.

var THREE = require('three');
var scene = new THREE.Scene();

ES6 가져오기 구문

import * as THREE from 'three';

const scene = new THREE.Scene();

을 사용할 수도 있고 Scene 가져오기와 같은 three.js 라이브러리의 일부를 가져오려는 경우:

import {Scene} from 'three';
const scene = new Scene();

Warning

현재 "예제" 아래의 모든 항목을 가져올 수는 없습니다. /js" 디렉토리 문서입니다. 이는 전역 네임스페이스 THREE에 의존하는 일부 파일로 인해 오염이 발생하기 때문입니다. 자세한 내용은 변환 예제/js를 참조하여 모듈 #9562를 지원하세요.

관련 권장 사항:

Python 모듈 가져오기를 통해 필요한 기능 구현

Three.js를 로컬에서 실행하는 방법에 대한 자세한 설명

JS 라이브러리 Three.js 기본 소개

위 내용은 모듈 가져오기 예제를 통한 three.js 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!