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 相关文章推荐
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
Sep 16 Javascript
window.print打印指定div实例代码
Dec 13 Javascript
js动态移动滚动条至底部示例代码
Apr 24 Javascript
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
Aug 11 Javascript
JavaScript中关于iframe滚动条的去除和保留
Nov 17 Javascript
jQuery实现web页面樱花坠落的特效
Jun 01 jQuery
详解Vue2中组件间通信的解决全方案
Jul 28 Javascript
微信小程序-滚动消息通知的实例代码
Aug 03 Javascript
Layui给switch添加响应事件的例子
Sep 03 Javascript
JS中自定义事件的使用与触发操作实例分析
Nov 01 Javascript
jquery实现简单自动轮播图效果
Jul 29 jQuery
vue中是怎样监听数组变化的
Oct 24 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
全国FM电台频率大全 - 13 福建省
2020/03/11 无线电
discuz论坛 用户登录 后台程序代码
2008/11/27 PHP
PHP5中新增stdClass 内部保留类
2011/06/13 PHP
xml在joomla表单中的应用详解分享
2012/07/19 PHP
PHP中图片等比缩放的实例
2013/03/24 PHP
解析PHPExcel使用的常用说明以及把PHPExcel整合进CI框架的介绍
2013/06/24 PHP
Thinkphp中的curd应用实用要点
2015/01/04 PHP
jquery 上下滚动广告
2009/06/17 Javascript
js null undefined 空区别说明
2010/06/13 Javascript
JavaScript中的关键字"VAR"使用详解 分享
2013/07/31 Javascript
导入extjs、jquery 文件时$使用冲突问题解决方法
2014/01/14 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
2014/05/27 Javascript
AngularJS中处理多个promise的方式
2016/02/02 Javascript
jquery 无限极下拉菜单的简单实例(精简浓缩版)
2016/05/31 Javascript
深入浅出ES6之let和const命令
2016/08/25 Javascript
AngularJS实现Input格式化的方法
2016/11/07 Javascript
微信小程序-详解数据缓存
2016/11/24 Javascript
jQuery操作json常用方法示例
2017/01/04 Javascript
详解JS: reduce方法实现 webpack多文件入口
2017/02/14 Javascript
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
2018/11/12 Javascript
js中Array对象的常用遍历方法详解
2019/01/17 Javascript
图文讲解用vue-cli脚手架创建vue项目步骤
2019/02/12 Javascript
微信小程序与公众号实现数据互通的方法
2019/07/25 Javascript
Python实现HTTP协议下的文件下载方法总结
2016/04/20 Python
Python爬取三国演义的实现方法
2016/09/12 Python
《与孩子一起学编程》python自测题
2018/05/27 Python
Python对切片命名的实现方法
2018/10/16 Python
Python 实现将某一列设置为str类型
2020/07/14 Python
css3 iphone玻璃透明气泡完美实现
2013/03/20 HTML / CSS
使用CSS3来代替JS实现交互
2017/08/10 HTML / CSS
世界上最好的足球商店:Unisport
2019/03/02 全球购物
最新大学毕业求职简历的自我评价
2013/10/18 职场文书
客户接待方案
2014/02/26 职场文书
班主任工作经验交流材料
2014/05/13 职场文书
小升初自荐信怎么写
2015/03/26 职场文书
浅谈Redis的keys命令到底有多慢
2021/10/05 Redis