$mol 앱은 빌드 도구이자 모듈 레지스트리인 MAM 안에서 동작합니다. 한 번 클론한 뒤 그 안에서 모듈을 개발합니다.1gitclonehttps://github.com/hyoo-ru/mam.git./mam2cdmam3npminstall4npmstartnpmstart 는 http://localhost:9080/ 에서 감시(watch) 개발 서버를 실행합니다. 저장할 때마다 다시 빌드하고 의존성을 자동으로 해석합니다. 번들러 설정을 유지 관리할 필요가 전혀 없습니다.
모든 컴포넌트 이름은 폴더 경로에 대응하며, 각 밑줄은 폴더 구분자입니다.1$my_app → my/app/2$my_app_header → my/app/header/모듈 폴더 이름에는 밑줄이 들어가지 않습니다. 여러 단어로 된 이름에는 중첩 폴더를 사용하세요. 사용하는 컴포넌트가 번들에 나타나지 않는다면 거의 항상 폴더 경로가 클래스 이름과 맞지 않는 것입니다.
컴포넌트는 최대 네 개의 파일을 가진 폴더입니다.파일용도name.view.tree선언적 레이아웃name.view.ts동작 (TypeScript)name.view.css.ts타입이 붙은 스타일name.view.tree, index.html앱 모듈의 진입점앱의 index.html 은 루트 컴포넌트를 마운트합니다.1<bodymol_view_root>2<divmol_view_root="$my_app"></div>3<scriptsrc="web.js"></script>4</body>
개발 서버는 즉석에서 빌드하지만, 워크스페이스 루트에서 임의의 모듈을 명시적으로 빌드할 수도 있습니다.1npmrunstartmy/app결과물은 my/app/-/ 에 생성되며 web.js, web.css, web.audit.js 를 포함합니다. 항상 감사(audit) 파일을 확인하세요. 깨끗한 web.audit.js 는 사용되지 않는 의존성이 없고 타입 오류도 없다는 뜻입니다.
