CSS의 flex, grid를 알아보다가 webpack까지 오게되네요. (__);;
* flex / webpack 에 대해서 알아보기
flex - https://eond.com/css/408067
webpack - https://eond.com/frontend/408124
Webpack은 js를 묶어주는 번들 모듈(?)(module bundler)입니다.
일반적으로 이렇게 사용합니다.
https://bulma.io/documentation/customize/with-webpack/
그럼, 이걸 XE에 적용할 방법은 없을까 찾아보았는데, 워드프레스에서는 이렇게 방법이 있더군요.
Using Webpack with WordPress
https://blog.webscopeapp.com/using-webpack-wordpress/
코어 전체를 웹팩으로 번들링한다는 게 쉬운 문제는 아닐 것입니다만-_-;
라이믹스 같은 경우는 각 js를 minifying해서 뿌려주지 않습니까?
혹시 어떤 의견들을 가지고 계신지 궁금하네요.
XE3 같은 경우는 깃헙을 보면 이미 웹팩 사용이 활발한 거 같습니다.
5.Build · XpressEngine front-end
https://xpressengine.gitbooks.io/xpressengine-front-end/content/5build.html
Webpack 실무 적용전략
https://xecon2016.xpressengine.com/session/Webpack
플러그인에서 webpack 사용 시 중복 제
https://github.com/xpressengine/xpressengine/issues/686
gulp, webpack 정리
https://github.com/xpressengine/xpressengine/issues/603
XE1에서도 webpack을 사용할 수 있는 방법들이 없을까요-.-a?;;
프론트 단도 이제는 너무 개발 수준이 높아서 배우기 쉽지 않네요.
코어는 그냥 두고, 추가로 필요한 것만 webpack으로 포장하여 스킨이나 레이아웃에 포함시켜서 쓰시면 아무도 뭐라고 하지 않습니다.
jQuery처럼 의존성 관계 때문에 중복 가능성이 있는 것은 webpack 쪽에서 제외시키는 방법이 있다고 기억하는데... 지금 그 링크를 찾을 수가 없네요. 위에서 링크하신 XE3 커밋처럼 코어 쪽에서 배려하는 방법이 아니라, webpack 쪽에서 특정 파일(예: jquery.js)은 이미 로딩되었다고 간주하고 번들링할 때 그것만 빼도록 명령하는 방법입니다. XE1 코어에서는 전혀 배려해 주지 않을 테니까요.
라이믹스에서는 코어에 포함된 jQuery를 임의로 대체하거나 코어에 포함된 파일을 webpack으로 번들링하려는 시도가 포착되면 제가 가차없이 블랙리스트에 넣어버릴 테니 (ㅋㅋㅋ) webpack 쪽에서 빼는 게 좋을 겁니다...