three.js中国語ドキュメント学習のモジュール導入
1776 ワード
前言
この記事では主に、Trree.jsがモジュールを通じて導入した関連内容について紹介します。scriptタグを通じてthree.jsを導入するのはいい入門と高速運行の方式です。長期更新のプロジェクトには不足があります。手動で倉庫のコピーを呼び出して導入する必要があります。プロジェクトのソースの一部として。 ライブラリのバージョンは手動プロセス である。新版のライブラリを導入すると、あなたのバージョン管理の違いはソースファイルと混同されます。
NPMのような依存管理を使用するとこれらのバージョンの問題の不足を回避することができます。
NPMでインストール
three.jsはnpmモジュールとしてリリースされています。詳細はnpmを参照してください。npmのアンインストールとインストールについては、この記事を参照してください。ここでは多くの紹介があります。インストールが成功したら、
モジュールをインポート
https://www.jb51.net/article/90518.htmまたはWebpackのパッケージツールを使用すると、コードの中で
今はソースコードの中にモジュールを導入して常に進行できるはずです。
現在は「examples/js」ディレクトリですべてのファイルをインポートすることはできません。これは、一部のファイルがグローバル名前空間THREEに依存しているため、汚染されている。詳しくはES 6文法の導入.
締め括りをつける
以上はこの文章の全部の内容です。本文の内容は皆さんの学習や仕事に対して一定の参考となる学習価値を持っています。質問があれば、メッセージを書いて交流してください。ありがとうございます。
この記事では主に、Trree.jsがモジュールを通じて導入した関連内容について紹介します。scriptタグを通じてthree.jsを導入するのはいい入門と高速運行の方式です。長期更新のプロジェクトには不足があります。
NPMのような依存管理を使用するとこれらのバージョンの問題の不足を回避することができます。
NPMでインストール
three.jsはnpmモジュールとしてリリースされています。詳細はnpmを参照してください。npmのアンインストールとインストールについては、この記事を参照してください。ここでは多くの紹介があります。インストールが成功したら、
npm install three
を実行するだけで、three.jsはプロジェクトに含まれます。モジュールをインポート
https://www.jb51.net/article/90518.htmまたはWebpackのパッケージツールを使用すると、コードの中で
require('modules')
を使用してパッケージのすべての依存項を参照することができます。今はソースコードの中にモジュールを導入して常に進行できるはずです。
var THREE = require('three');
var scene = new THREE.Scene();
あなたもBrowserifyを使うことができます。
import * as THREE from 'three';
const scene = new THREE.Scene();
または、Sceneを導入するなど、three.jsライブラリの一部を導入したいです。
import {Scene} from 'three';
const scene = new Scene();
警告現在は「examples/js」ディレクトリですべてのファイルをインポートすることはできません。これは、一部のファイルがグローバル名前空間THREEに依存しているため、汚染されている。詳しくはES 6文法の導入.
締め括りをつける
以上はこの文章の全部の内容です。本文の内容は皆さんの学習や仕事に対して一定の参考となる学習価値を持っています。質問があれば、メッセージを書いて交流してください。ありがとうございます。