three.js中文文档学习之通过模块导入


Posted in Javascript onNovember 20, 2017

前言

本文主要给大家介绍了关于three.js通过模块导入的相关内容,通过 script 标签导入 three.js 是很好的入门并快速运行的方式,对于长期更新的项目有些不足,比如:

  • 你需要手动调用和引入库里的副本,作为你项目源码的一部分。
  • 更新库的版本是手动的过程
  • 当引入新版本库,你的版本管理差异会与源文件混乱

使用像 NPM 这样的依赖管理能避免这些版本问题的不足。

通过 NPM 安装

three.js 已作为 npm 模块发布,详见:npm。关于npm的卸载与安装大家可以参考这篇文章:https://3water.com/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();

或者你想要导入 three.js 库中的部分,比如导入 Scene:

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

警告

目前不能通过在 "examples/js"目录下导入所有文件。这是由于有些文件依赖全局命名空间 THREE 而导致污染。详询 Transform examples/js to support modules #9562.

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
javascript轻量级模板引擎juicer使用指南
Jun 22 Javascript
基于JavaScript实现仿京东图片轮播效果
Nov 06 Javascript
js判断文件格式及大小的简单实例(必看)
Oct 11 Javascript
教大家轻松制作Bootstrap漂亮表格(table)
Dec 13 Javascript
详解Vue 动态添加模板的几种方法
Apr 25 Javascript
详解原生js实现offset方法
Jun 15 Javascript
vuex 的简单使用
Mar 22 Javascript
React组件内事件传参实现tab切换的示例代码
Jul 04 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
Nov 30 Javascript
基于JS实现一个随机生成验证码功能
May 29 Javascript
微信小程序实现3D轮播图效果(非swiper组件)
Sep 21 Javascript
JS实现简易留言板增删功能
Feb 08 Javascript
JS写XSS cookie stealer来窃取密码的步骤详解
Nov 20 #Javascript
浅谈Vue SSR 的 Cookies 问题
Nov 20 #Javascript
three.js中文文档学习之创建场景
Nov 20 #Javascript
Vue 中批量下载文件并打包的示例代码
Nov 20 #Javascript
VueJs 搭建Axios接口请求工具
Nov 20 #Javascript
Vue2 SSR渲染根据不同页面修改 meta
Nov 20 #Javascript
详解vue+css3做交互特效的方法
Nov 20 #Javascript
You might like
php 数组二分法查找函数代码
2010/02/16 PHP
关于js与php互相传值的介绍
2013/06/25 PHP
thinkphp浏览历史功能实现方法
2014/10/29 PHP
PHP中round()函数对浮点数进行四舍五入的方法
2014/11/19 PHP
PHP生成随机字符串实例代码(字母+数字)
2019/09/11 PHP
Firefox+FireBug使JQuery的学习更加轻松愉快
2010/01/01 Javascript
JQuery的Validation插件中Remote验证的中文问题
2010/07/26 Javascript
Jquery Ajax请求代码(2)
2011/01/07 Javascript
读jQuery之一(对象的组成)
2011/06/11 Javascript
JavaScript操纵窗口的方法小结
2013/06/28 Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
2014/05/12 Javascript
跟我学习javascript的prototype原型和原型链
2015/11/18 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
2016/11/16 Javascript
jQuery实现列表的增加和删除功能
2018/06/14 jQuery
详解webpack模块加载器兼打包工具
2018/09/11 Javascript
详解VUE中的插值( Interpolation)语法
2020/10/18 Javascript
[56:58]VP vs Optic 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
用Python登录Gmail并发送Gmail邮件的教程
2015/04/17 Python
python实现简单http服务器功能
2018/09/17 Python
python 接口实现 供第三方调用的例子
2019/08/13 Python
python智联招聘爬虫并导入到excel代码实例
2019/09/09 Python
Python request操作步骤及代码实例
2020/04/13 Python
音频处理 windows10下python三方库librosa安装教程
2020/06/20 Python
浅谈CSS3特性查询(Feature Query: @supports)功能简介
2017/07/31 HTML / CSS
X/HTML5 和 XHTML2
2008/10/17 HTML / CSS
美国眼镜网:GlassesUSA
2017/09/07 全球购物
Godiva巧克力英国官网:比利时歌帝梵巧克力
2018/08/28 全球购物
意大利一家专营包包和配饰的网上商店:Borse Last Minute
2019/08/26 全球购物
介绍一下Make? 为什么使用make
2013/12/08 面试题
青奥会口号
2014/06/12 职场文书
致百米运动员广播稿5篇
2014/10/13 职场文书
离婚协议书格式
2014/11/21 职场文书
最美劳动诗,致敬所有的劳动者!
2019/07/12 职场文书
MySQL 数据类型选择原则
2021/05/27 MySQL
实现AJAX异步调用和局部刷新的基本步骤
2022/03/17 Javascript
uniapp 微信小程序 自定义tabBar 导航
2022/04/22 Javascript