Webpack v2 #1 간단하게 살펴보기
2018-01-25
2019-04-24
Explanation
ES6+ 문법을 사용하여 개발하고 있는 DOM 스크립트 라이브러리입니다. 아직 ES6+를 지원하는 브라우저가 많지 않기 때문에 ‘Babel’과 같은 라이브러리를 함께 사용해야합니다. 저는 대부분의 프로젝트에서 Webpack과 Babel을 사용하는데요. 그래서 간단하게 사용하려고 만들고, 만들고 있는 라이브러리 입니다. 깃허브에 오픈소스로 개발하고 npm을 통해 배포하고 있습니다.
아직 부족한 부분이 많습니다. 관심 있으신 분은 함께 해주세요~
깃허브: https://github.com/loafjs/loaf-dom
|
1 |
$ npm install --save loaf-dom |
|
1 |
$ npm test |
|
1 2 3 4 5 |
<body> <div id="wrap"> <p>Hello world!</p> </div> </body> |
|
1 2 3 4 |
import L from 'loaf-dom'; L('#wrap').addClass('show'); L('p').style('color', 'red'); |
위와 같이 코드를 실행하면 다음과 같은 결과를 볼 수 있습니다.
|
1 2 3 4 5 |
<body> <div id="wrap" class="show"> <p style="color: red;">Hello world!</p> </div> </body> |
그 밖에 다양한 메서드는 깃허브에서 확인하실 수 있습니다.
깃허브: https://github.com/loafjs/loaf-dom
끝
