Webpack for Frontend Developers

안녕하세요?교안대로 오탈자 없이 따라해봤는데 제 경우에는,HTMLWebpackPlugin 사용한 webpack.config.js의 빌드 결과가 dist 폴더에 bundle.js와 index.html가 담겼습니다.문제는, 강의에

강의 정말 최고입니다.!! 인프런에서 캡틴판교님 강의를 전부 듣고 싶은데요. 어떤 순서로 듣는 것이 합리적인지 알려 주시면 감사하겠습니다

안녕하세요 판교님, 강의 섹션에서 질문하신 *다른 분의 글(es6와 es5...)을 보고 글을 남겨요.3:27 부분에서 index.js 파일에서는 ES6 구문을 쓰고,<code class="langu

실무에서는 캐싱등의 문제로 main.bundle.js와 같이 고정된 filename이 아닌 chunkhash 사용하나요?

이렇게 뜨는데 해결방법이 있을까요? gulp도

안녕하세요? 강의를 처음부터 여기까지 두 번 들어봤는데요, 제가 이해력이 좀 부족해서 아래 이해 한게 맞는지 봐주실 수 있으세요?강의를 듣고 나니까 npm이랑 webpack 이 헷갈리더라구요.제가 강의 안보고 혼자 해보려고 했더니 뭐가 n

선생님, output:{ fieldname : 'main.js', path: path.resolve( __dirname, 'dist') }여기에서요,__dirname

loader는 배열의 순서가 중요하다고 했는데, 플러그인 배열은 순서가 중요하지 않은건가요?? 또 플러그인 배열에 있는 요소들을 사용할 때 module의 rules 배열의 순서가 중요하다고 하셨는데, rules에 플러그인된 객체의 loader를 사용하

안녕하세요 캡틴판교 님, 강의 계속해서 잘 듣고 있습니다.   다름이 아니라 알려주신 방법대로 build 하고 난 후, 생성된 dist 폴더 안에 있는 제 bundle.js 파일의 내용이 아래와 같이 너무 간략하게 나옵니다.</p

웹팩5 기준에서 웹팩 데브서버의 필요성에 대해서 궁금합니다 웹팩 커맨드중에 --watch를 하면 코드변경시 빌드가 자동으로 되는걸로 알고있는데 웹팩 데브서버는 여기서 추가적으로 브라우저가 리프레쉬되게 하는데 필요한것인가요? 아니면 웹팩 데브서버 없이도

안녕하세요! devServer 실습 중 질문이 있습니다. 플러그인은 빌드 결과물에 어떤 영향을 주는 거라고 하셨고, html-webpack-plugin 역시 빌드 결과물을 포함한 html파일을 만들어주는 역할을 하는 것으로 이

안녕하세요 판교님, 질문이 있습니다   <p style="box-sizing: border-box; margin: 0px 0px 12px; padding: 0px; line-height: 1.5; font-size: 16px; font

이전 강의에서 devDependancies에 있는 라이브러리들은  npm run build될때 배포가 되지않는다는 식으로 알려주셨었는데  이 강의에서는 package.json 파일에서  webpack

안녕하세요 강사님! 웹팩 강의 너무 잘 보고 있습니다!!

<div style="color: #eeffff; bac

안녕하세요 Vue 끝장내기 강의를 먼저 듣고 온 뷰린이입니다. 먼저 올려주신 강의들 너무너무 잘 듣고 있습니다. 다름이 아니라 웹팩 등장배경에 관련한 이야기를 하시면서 파일 단위의 자바스크립트 모듈 관리의 필요성을 언급하셨습니다.

배포시에도 html플러그인 을 사용하고 싶다면 <span style="color: #9cdcfe; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size:

`webpack.config.js` 사용하지 않고, `package.json`안에 `scripts`를 이용하여 강의 내용처럼 커스텀명령어 입력 후 $ npm run build 했는데 <

npm i vue -D 로 설치를 진행했더니 선생님과는 다르게 여러 폴더들이 많이 생성이 되었는데 혹시 이유를 알 수 있을까용?    <img src="https://cdn.inflearn.com/public/files/

안녕하세요 판교님lodash라이브 러리를 불러와서 CDN방식을 안쓰는 건이해가 가지만  index.js를 연결하는 script태그가 갑자기 왜 main.js를 연결하는 태그로 바뀐지 궁금합니다  <pre c