在angular1 app上es5到es6 + webpack

时间:2017-01-04 19:40:10

标签: angularjs webpack ecmascript-6 es5-shim

我正在将Angular1转换为es6并开始使用webpack。 因此,我需要在我的所有文件中使用“导入/导出模块”。

我是否需要在每个文件j上导入模块?甚至是角度的$窗口?即使在路由器的决心?

我正在努力进行转换。

在大型应用上有一种简单的方法吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

导入角度时会导入$ window,$ timeout,$ http等内容  对于任何其他第三方模块,您需要导入该文件,但也将其注入应用程序模块

示例:

app.js

captureRequestBuilder.set( CaptureRequest.CONTROL_MODE, CameraMetadata.CONTROL_MODE_OFF );
captureRequestBuilder.set( CaptureRequest.BLACK_LEVEL_LOCK, true );
captureRequestBuilder.set( CaptureRequest.COLOR_CORRECTION_ABERRATION_MODE,
                           CameraMetadata.COLOR_CORRECTION_ABERRATION_MODE_OFF );
captureRequestBuilder.set( CaptureRequest.COLOR_CORRECTION_MODE, CameraMetadata.COLOR_CORRECTION_MODE_TRANSFORM_MATRIX );
int[] cstMatrix = new int[]{ 128, 128, 0, 128, 0, 128, 0, 128, 128, 128, 0, 128, 0, 128, 0, 128, 128, 128 };
ColorSpaceTransform cst = new ColorSpaceTransform( cstMatrix );
captureRequestBuilder.set( CaptureRequest.COLOR_CORRECTION_TRANSFORM, cst );
captureRequestBuilder.set( CaptureRequest.SHADING_MODE, CameraMetadata.SHADING_MODE_OFF );
captureRequestBuilder.set( CaptureRequest.NOISE_REDUCTION_MODE, CameraMetadata.NOISE_REDUCTION_MODE_OFF );
captureRequestBuilder.set( CaptureRequest.CONTROL_AF_MODE, CameraMetadata.CONTROL_AF_MODE_OFF );
captureRequestBuilder.set( CaptureRequest.CONTROL_SCENE_MODE, CameraMetadata.CONTROL_SCENE_MODE_DISABLED );
captureRequestBuilder.set( CaptureRequest.CONTROL_AE_MODE, CameraMetadata.CONTROL_AE_MODE_OFF );
captureRequestBuilder.set( CaptureRequest.CONTROL_AWB_MODE, CameraMetadata.CONTROL_AWB_MODE_OFF );
captureRequestBuilder.set( CaptureRequest.EDGE_MODE, CameraMetadata.EDGE_MODE_OFF );
captureRequestBuilder.set( CaptureRequest.SENSOR_SENSITIVITY, MAX_SENSITIVITY );
captureRequestBuilder.set( CaptureRequest.LENS_FOCUS_DISTANCE, (float) 0.0 );
captureRequestBuilder.set( CaptureRequest.SENSOR_FRAME_DURATION, MAX_FRAME_DURATION );
captureRequestBuilder.set( CaptureRequest.SENSOR_EXPOSURE_TIME, MAX_FRAME_DURATION );
captureRequestBuilder.set( CaptureRequest.HOT_PIXEL_MODE, CameraMetadata.HOT_PIXEL_MODE_OFF );
captureRequestBuilder.set( CaptureRequest.STATISTICS_FACE_DETECT_MODE, CameraMetadata.STATISTICS_FACE_DETECT_MODE_OFF );
captureRequestBuilder.set( CaptureRequest.STATISTICS_LENS_SHADING_MAP_MODE, CameraMetadata.STATISTICS_LENS_SHADING_MAP_MODE_OFF );
captureRequestBuilder.set( CaptureRequest.SENSOR_TEST_PATTERN_MODE, CameraMetadata.SENSOR_TEST_PATTERN_MODE_OFF );
captureRequestBuilder.set( CaptureRequest.CONTROL_VIDEO_STABILIZATION_MODE, CameraMetadata.CONTROL_VIDEO_STABILIZATION_MODE_OFF );

// build all the settings into the camera request
CaptureRequest captureRequest = captureRequestBuilder.build();

// Finally, we start displaying the camera preview.
mCaptureSession.setRepeatingRequest( captureRequest, mCaptureCallback, backgroundHandler );

控制器/ user.js的

 import angular from 'angular';
 import 'angular-ui-router';  // A third-party npm module
 import './controllers/users';  // Custom controller
 import config from './config';  // Custom function
 import run from './app.run'; // Custom function
 const app = angular.module('MyApp', [
   'ui.router',
   'MyApp.controllers.users'
 ]);
 app.config(config);
 app.run(run);