meteor 는 자동(규칙에 맞게)으로 파일들을 모아서 만드는데
less 일 경우엔 @import 라는 게 있어서 조금 헷갈린다.
less-autofixer 패키지랑 같이 쓰니까 더욱 헷갈려서 결국 RTFM 하기로 함.
패키지 문제니까 https://github.com/meteor/meteor/tree/devel/packages/less 를 보았다.
예전에 쓰던 방법이랑 좀 다른 것도 있어서 정리.
less 일 경우엔 @import 라는 게 있어서 조금 헷갈린다.
less-autofixer 패키지랑 같이 쓰니까 더욱 헷갈려서 결국 RTFM 하기로 함.
패키지 문제니까 https://github.com/meteor/meteor/tree/devel/packages/less 를 보았다.
예전에 쓰던 방법이랑 좀 다른 것도 있어서 정리.
- less 사용
- 기본
meteor add less - package 에서
Package.onUse(function (api) {
...
api.use('less');
...
}); - 파일 규칙
- *.less : 자동 추가. import 불가
- *.import.less : 자동 추가 x. import 가능
- imports 디렉토리 아래 *.less : 자동 추가 x. import 가능
- packages 인 경우 packages.js 에서 {isImport:true} 옵션을 사용.
api.addFiles('x.less', 'client', {isImport: true}) 이런 식으로 지정한 경우 import 가능 - import
- 다른 패키지에서 import
@import "{my-package:pretty-buttons}/buttons/styles.import.less" - 대상 앱에서 import
@import "{}/client/styles/imports/colors.less" - package 안에서 import
@import "/path/to/style.import.less";
이제까지 계속 *.import.less 패턴만 썼는데 **/imports/**/*.less 패턴도 써봐야겠다. 깔끔하네.
댓글
댓글 쓰기