카테고리: Module

Webpack-v2 Config Usage

webpack2 사용 예제 기본 설치 및 사용법은 webpack 내용 참조 모듈 및 플러그인 사용법은 webpack-v2 module plugin 내용 참조 실제로 webpack2 어떻게 작성하고 사용하는지 샘플 코드로 작성 후 한번 살펴 보자. 디렉토리 구성 샘플 123456789101112131415[src] [css] -style.

Webpack-v2 Module Plugin

Webpack2 Loader Modulewebpack의 로더 모듈을 사용할려면 webpack이 기본적으로 설치 되어 있어야 한다.기본 설치 및 사용법은 webpack 내용 참조webpack 모듈 로더의 경우 작성 문법이 기존과 다르게 변경이 되었다. 여기서는 현재 최신 버전인 webpack2 문법 기준으로 정리한다. babel 로더 webpack 은 bab

Webpack

Webpack 이란?Webpack은 자바스크립트의 모듈링을 도와주는 모듈 번들러 이다.모듈 시스템을 구성하는 기능(CommonJS와 AMD 모듈링 방식을 모두 지원) 외에도 여러가지 리소스를 처리할 수 있는 강력한 로더 기능 사용, 기존의 다른 번들러들보다 빠른 컴파일 속도 및 유용한 플러그인 등 장점이 많다. webpack 사용 방법 webpack은 No

Require.js Plugin

Require.js 플러그인 텍스트 로딩과 HTML 템플릿 관리require.js는 몇 가지 플러그인을 제공한다. 이 중 text 플러그인은 JS 파일 외에도 CSS와 HTML같은 텍스트 파일도 불러올 수 있게 한다. 간단히 다음과 같이 사용한다. 12345define([ 'text!/template.html' // 플러그인은 플

Require.js

Require.js란requirejs는 자바스크립트 코드들을 모듈화 관리가 가능한 프레임워크 이며, AMD(Asynchronous Module Definition) 모듈 로딩 표준을 따르기에 기본적으로 모든 모듈을 비동기적으로 처리한다. 또한 자바스크립트 모듈의 의존관계등의 관리도 쉽게 할수 있게 도와준다. 모듈 정의와 사용 모듈을 정의하는 기본 형태는 다