scarfunk · December 14, 2015 01:14 · saystone · Dec 14, 2015 · scarfunk · Dec 14, 2015
diff --git a/app.js b/app.js

 //app.js
 import angular from 'angular';



 //1) sub 모듈 생성(모듈에서 라우터 사용). 하지만 ui.router 모듈이 없으므로 fail
 angular.module('app.sub', ['ui.router']); 

 //2) 모듈생성만 하고, sub.js 에서 인젝션한다면.
 import from 'sub.js'; // 생성보다 import 가 먼저라서 실패하게 됨.
 angular.module('app.sub', []);

 //3) 그럼 결국은 sub.js 에서 모듈을 생성+설정+로직등을 전부 하고
 //전역에서 불러와서. app 모듈에 삽입후 부트스트랩 해아하나요?
 //그럼 서브 모듈에 
 //import 'veryheavymodule'
 //angular.module('app.sub', [veryheavymodule]);
 //은 app.js 부트스트랩 과정에서 전부 불러오니 최초 페이지 로딩 시간이 길어질수 밖에 없나요?
 import from 'sub.js';





 angular.module('app', ['app.sub'])
 	.controller('appController', function(){
 		console.log('main loaded!');
 	})

 //부트스트랩
 angular.element(document).ready(function () {
    angular.bootstrap(document, ['app'], {
        //strictDi: true
    });
 });

diff --git a/sub.js b/sub.js

 import 'angular-ui-router'; //ui router

 //불러와서 재사용.
 angular.module('app.sub')
 	.config(subConfig)
 	.controller('subController', function(){
 		console.log('subController loaded!');
 	})



 function subConfig($stateProvider){
 	$stateProvider
 		.state('sub', {
 			url: '/sub',
 			controller: 'subController',
 			templateUrl: 'sub.html'
 		})
 }

	//app.js
	import angular from 'angular';



	//1) sub 모듈 생성(모듈에서 라우터 사용). 하지만 ui.router 모듈이 없으므로 fail
	angular.module('app.sub', ['ui.router']);

	//2) 모듈생성만 하고, sub.js 에서 인젝션한다면.
	import from 'sub.js'; // 생성보다 import 가 먼저라서 실패하게 됨.
	angular.module('app.sub', []);

	//3) 그럼 결국은 sub.js 에서 모듈을 생성+설정+로직등을 전부 하고
	//전역에서 불러와서. app 모듈에 삽입후 부트스트랩 해아하나요?
	//그럼 서브 모듈에
	//import 'veryheavymodule'
	//angular.module('app.sub', [veryheavymodule]);
	//은 app.js 부트스트랩 과정에서 전부 불러오니 최초 페이지 로딩 시간이 길어질수 밖에 없나요?
	import from 'sub.js';





	angular.module('app', ['app.sub'])
	.controller('appController', function(){
	console.log('main loaded!');
	})

	//부트스트랩
	angular.element(document).ready(function () {
	angular.bootstrap(document, ['app'], {
	//strictDi: true
	});
	});

	import 'angular-ui-router'; //ui router

	//불러와서 재사용.
	angular.module('app.sub')
	.config(subConfig)
	.controller('subController', function(){
	console.log('subController loaded!');
	})



	function subConfig($stateProvider){
	$stateProvider
	.state('sub', {
	url: '/sub',
	controller: 'subController',
	templateUrl: 'sub.html'
	})
	}