136 IE11 순환참조 발생하는 원인 파악중.. 파악 방법 리서치

source: categories/study/vue-experiance/vue-experiance_9-99_37.md

136 IE11 순환참조 발생하는 원인 파악중.. 파악 방법 리서치

• 자바스크립트 순환참조란?
• madge 라이브러리
• madge 소개

• graphviz 다운로드 사이트

• 파일들의 의존성 확인
• dependency-cruiser

madge & graphviz

npm i -D madge

• graphviz 다운로드 사이트

graphviz 설치

프로젝트폴더/madge.js

// madge.js 에 추가 후 madge.js를 node로 실행할 경우
// import
const madge = require('madge');
// functions
madge('src')
	.then(res => res.image('image.svg'))
	.then(writtenImagePath => {
		console.log('Image written to ' + writtenImagePath);
	});
//.....더 추가할 수 있습니다.

node madge.js

dependency-cruiser

npm i -D dependency-cruiser

depcruise --include-only "^src" --output-type dot src | dot -T svg > dependencygraph.svg

depcruise --exclude "^node_modules" --output-type dot src | dot -T svg > dependencygraph.svg