CSS 모듈 용 Emmet-Atom 사용자 정의 스 니펫

Question

ReactJs (jsx)와 함께 CSS 모듈을 사용하고 있습니다. Emmet 또는 Atom 내에서 일반 클래스 대신 CSS 모듈을 사용하기 위해 사용자 정의 스 니펫을 만드는 방법이 있습니까? 다음과 같이

예, 현재 개미 작동 : .styles-title이 실제로 다소 까다로 판명 <div className={styles.title}></div>

Answer 1

로 확장 : .title이 <div className="title"></div>

로 확장 나는 비슷한 조각을 만들 수 있도록하려면 . Emmet과 Atom 확장은 모두 사용자 정의가 가능하지만 Atom의 보안 정책은 not allow loading custom filters from outside the extension입니다.

올바른 방향으로 조금 움직여서 (위에 링크 된 GitHub 문제 참조) 나는 my own Atom extension that does this을 쓸 수있었습니다.