쉽게 배우는 Webpack

쉽게 배우는 Webpack

(36개의 수강평)

986명의 수강생
WebpackBundling
공개되지 않은 강의입니다.
지식공유자 · 장기효(캡틴판교)
51회 수업· 총 3시간 26분수업
평생 무제한 시청
수료증 발급 강의
수강 난이도 초급
고정섭 프로필

2019-12-20 에 구매해서 듣다가요. 고정섭 1일 전

새로운 버전 강의가 나온걸 최근에 알았는데요. 

새로운 강좌 구매 쿠폰 받을 수 있을까요?

감사합니다.

1
프레드 프로필

영상에서랑.. 프레드 1달 전

영상에서 나온 깃헙이랑 현재랑은 좀 다른거 같아요 readme.me 내용이 달라요

3
프레드 프로필

플레이어 문제 프레드 1달 전

동영상 플레이어 문제가 많아요 재생은 되는데 품질 좀 높이려하니까 클릭이 안되네요

3
원윤희 프로필

webpack 원윤희 2달 전

혹시 다음에 진행하실 때 제가 원격으로 한번 봐드리면 좋을 것 같은데 진행하시기 전에 질문 한번 남겨주세요 ㅎㅎ

--> 지금 가능하실까요?

21
원윤희 프로필

Webpack 오류 원윤희 2달 전

혹시 다음에 진행하실 때 제가 원격으로 한번 봐드리면 좋을 것 같은데 진행하시기 전에 질문 한번 남겨주세요 ㅎㅎ

--> 지금 가능하실까요?

2
yurim lee 프로필

영상 버퍼링 yurim lee 2달 전

강의 · 기능요청에 건의는 해놓았는데 너무 답답해서 한번 더 남깁니다. 이번주내내 강의 들었는데 오늘 유독 버퍼링이 심합니다. 30초를 꾸준히 들을수가 없어요..

2
yurim lee 프로필

package.json 질문있습니다! yurim lee 2달 전

webpack을 설치하실때 앞선 예제에서는 dependencies로 설치하셨는데, 현재 예제에서는 devDependencies로 설치하셔서 좀 헷갈립니다. 앞 강의에서 앱로직과 관련이 있으니 dependencies설치하는거라고 봤는데 어떤게 맞는건가요? 혹시 지금 질문드린 개념이 크게 중요한 부분은 아닌건가요?

1
Yongdae Kwon 프로필

질문이 있습니다. Yongdae Kwon 2달 전

Gulp와 Webpack 둘다 웹 자동화 도구로 알고 있는데 2개의 자동화 도구를 섞어서 쓰는 이유가 궁금합니다.

7
조찬민 프로필

안녕하세요 조찬민 2달 전

안녕하세요 즐겁게 수강하고 있는 수강생입니다.! 

웹팩 초반에 알려주신 깃헙 저장소에 있는 파일과 강좌의 파일이 달라서 이렇게 여쭤봅니다..

3
원윤희 프로필

web pack 에러 원윤희 2달 전

Insufficient number of arguments or no entry found.

Alternatively, run 'webpack(-cli) --help' for usage info.

Hash: d6c939b5a5a99e62ccf4

Version: webpack 4.41.6

Time: 28ms

Built at: 02/29/2020 10:56:21 PM

WARNING in configuration

The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' optio

n to 'development' or 'production' to enable defaults for each environment.

You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configur

ation/mode/

ERROR in Entry module not found: Error: Can't resolve './src' in '/Users/yun-ali/Downloads/LearnWebpack-ma

ster'

10
원윤희 프로필

webpack app/index.js dist/bundle.js 에러 원윤희 2달 전

Hash: b211197d852a06714d7a

Version: webpack 4.41.5

Time: 45ms

Built at: 02/29/2020 9:52:44 PM

 1 asset

Entrypoint main = main.js

[0] multi app/index.js dist/bundle.js 40 bytes {0} [built]

WARNING in configuration

The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'pro

duction' to enable defaults for each environment.

You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/

ERROR in multi app/index.js dist/bundle.js

Module not found: Error: Can't resolve 'app/index.js' in '/Users/yun-ali/Desktop/LearnWebpack-master'

 @ multi app/index.js dist/bundle.js main[0]

ERROR in multi app/index.js dist/bundle.js

Module not found: Error: Can't resolve 'dist/bundle.js' in '/Users/yun-ali/Desktop/LearnWebpack-master'

 @ multi app/index.js dist/bundle.js main[1]

1
지능정보화연구실 프로필

page reload 지능정보화연구실 2달 전


webpack-dev-middleware 사용시 자동 컴파일이 되기는 하는데 index.js 소스를 변경시 화면이 실시간으로 변경되지 않습니다. 새로고침해야 바뀌는데요. 

찾아보니 webpack-hot-middleware를 추가적으로 설정해야된다고 나와서 아래 사이트를 참고해서 테스트를 해보았습니다. 

webpack-hot-middleware

live reload

위의 live reload링크 예제 소스를 받아서 최신버전에 맞게 수정하고 돌려보니 css소스는 실시간 변경되서 적용되는데 js파일은 수정하고 저장하면 바뀌지 않고 있네요..ㅠㅠ

1
지능정보화연구실 프로필

npm i ejs 지능정보화연구실 2달 전

webpack, express, webpack-dev-middleware를 install하라고 되어 있는데 ejs가 빠졌습니다.

npm i ejs 명령어 추가해주세요.

ejs없을시 Error: Cannot find module 'ejs' 발생합니다.

혹시 모르시는 분 있을까바 작성하였습니다.

1
지능정보화연구실 프로필

getting-started 예제 오류 지능정보화연구실 3달 전

getting-started 예제 작성시 

1. webpack 전역설치 

npm i webpack webpack-cli -g

2. package.json 생성 

npm init -y

3. 번들링 

webpack app/index.js dist/bundle.js 

여기서 다음 오류가 발생합니다. 

ERROR in Entry module not found: Error: Can't resolve './src' in 'D:\study\03.inflearn\LearnWebpack-master\getting-started'

폴더명이 app이라서 안되는 것 같아 src로 바꾸고 바로 webpack 명령어만 치니까 dist폴더가 생성되고 main.js파일이 생겼습니다.

강의에서는 src폴더가 아닌 app폴더를 만들고 dist폴더에 원하는 파일명으로 만들어지는 것 같은데요. 

webpack버전의 문제인지요?

webpack 버전은 4.41.6입니다.

*webpack.config.js파일 만들기 전에 생긴 오류입니다. webpack.config.js파일 만들어서 내가 원하는 경로랑 파일이름 설정 후 npm run build를 하니 되긴 하네요. webpack.config.js파일을 만들지 않고 webpack명령어로 생성하려면 어떻게 하면 될까요?

1
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스