忽略nodede_module打包，threejs框架开发基础环境

.babelrc

@@ -1,6 +1,7 @@
 {
   "presets": ["es2015"],
-  // Remove the line below to enable ES2015 support.
-//   "only": "gulpfile.babel.js",
-  "retainLines": true
+  "retainLines": true,
+  "ignore": [
+    "node_modules"
+  ]
 }

app/js/index.js

@@ -2,25 +2,15 @@ import * as THREE from 'three';
 
 var renderer = new THREE.WebGLRenderer();
 renderer.setSize( window.innerWidth, window.innerHeight );
+renderer.setClearColor(0xb9d3ff, 1); //设置背景颜色
 document.body.appendChild( renderer.domElement );
 
-var camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 500 );
+var camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 1000 );
 camera.position.set( 0, 0, 100 );
 camera.lookAt( 0, 0, 0 );
 
 var scene = new THREE.Scene();
 
-var material = new THREE.LineBasicMaterial( { color: 0x0000ff } );
 
-var points = [];
-points.push( new THREE.Vector3( - 10, 0, 0 ) );
-points.push( new THREE.Vector3( 0, 10, 0 ) );
-points.push( new THREE.Vector3( 10, 0, 0 ) );
 
-var geometry = new THREE.BufferGeometry().setFromPoints( points );
-
-var line = new THREE.Line( geometry, material );
-
-
-scene.add( line );
 renderer.render( scene, camera );

tasks/scripts.js

@@ -23,7 +23,8 @@ gulp.task('scripts',()=>{
       module:{
         loaders:[{
           test:/\.js$/,
-          loader:'babel'
+          loader:'babel',
+          query: {compact: false}
         }]
       }
     }),null,(err,stats)=>{