웹팩 WebPack 생성하기(1) webpack생성하기 ./ => 상대경로다 i -D (설치한다. -D 개발성 의존으로) webpack (webpack 패키지를 설치) webpack-cli, webpack-dev-server 두개의 패키지를 설치한다는 의미 @next 란? (webpack-cli와 webpack-dev-server 패키지 두개의 버전을 맞춰서 설치하기 위해서 붙이는 것입니다) 한번에 총 세개의 패키지를 설치 ... 웹팩webpackvueVisualStudioVisualStudio WebPack 개요 그냥 여러개 흩어져있는 파일을 하나로 묶어주는 것 뿐 아니라 그 과정에서 가공을 거쳐서 다양한 기능을 제공한다. 파일을 웹 서버에 요청할 때, 받아온 파일에서 또다시 다른 파일을 필요로 한다면 다시 요청을 하고 받아오는 과정이 필요하다. 또 여러개의 파일을 의존하여 사용할때, 서로다른 파일에서 같은 이름의 변수를 사용하게 된다면 가져와서 사용하는 입장에선 어떤 파일의 변수가 사용될 지 알수가... 웹팩webpackwebpack 웹팩 입문 웹팩을 이용하면 수백 개의 파일을 몇 개의 정적 파일, 그것도 아주 작은 용량으로 압축할 수 있다. 간단히 설명하자면 HTML 파일에서는 <script> tag로 js 파일을 불러오고, 해당 js 파일은 다른 js 파일, css 파일, 이미지 파일 등을 import한다. entry, output, loader, plugin, optimization 개념과 자주 쓰이는 라이브러리만 알면 어느 ... 개발 도구웹팩개발 도구
WebPack 생성하기(1) webpack생성하기 ./ => 상대경로다 i -D (설치한다. -D 개발성 의존으로) webpack (webpack 패키지를 설치) webpack-cli, webpack-dev-server 두개의 패키지를 설치한다는 의미 @next 란? (webpack-cli와 webpack-dev-server 패키지 두개의 버전을 맞춰서 설치하기 위해서 붙이는 것입니다) 한번에 총 세개의 패키지를 설치 ... 웹팩webpackvueVisualStudioVisualStudio WebPack 개요 그냥 여러개 흩어져있는 파일을 하나로 묶어주는 것 뿐 아니라 그 과정에서 가공을 거쳐서 다양한 기능을 제공한다. 파일을 웹 서버에 요청할 때, 받아온 파일에서 또다시 다른 파일을 필요로 한다면 다시 요청을 하고 받아오는 과정이 필요하다. 또 여러개의 파일을 의존하여 사용할때, 서로다른 파일에서 같은 이름의 변수를 사용하게 된다면 가져와서 사용하는 입장에선 어떤 파일의 변수가 사용될 지 알수가... 웹팩webpackwebpack 웹팩 입문 웹팩을 이용하면 수백 개의 파일을 몇 개의 정적 파일, 그것도 아주 작은 용량으로 압축할 수 있다. 간단히 설명하자면 HTML 파일에서는 <script> tag로 js 파일을 불러오고, 해당 js 파일은 다른 js 파일, css 파일, 이미지 파일 등을 import한다. entry, output, loader, plugin, optimization 개념과 자주 쓰이는 라이브러리만 알면 어느 ... 개발 도구웹팩개발 도구