seed

webpack4 에서 사용하던 webpack-dev-server는 webpack5로 넘어오면서 webpack serve로 변경되었습니다. "scripts"에는 아래와 같이 작성해주세요.
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">"start":&nbsp;"webpack serve"</div>
자세한 사항은 아래 링크들을 통해 보시면 좋을 것 같습니다.
https://webpack.js.org/configuration/dev-server/
https://www.taniarascia.com/how-to-use-webpack/
https://www.zerocho.com/category/Webpack/post/5f97c8c6591c990004e1f5f1

webpack-dev-server 에러 질문입니다.

node를 LTS 버전으로 설치하면 아래 코드로도 정상 동작합니다.
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div>use:&nbsp;[</div>
<div>&nbsp;&nbsp; process.env.NODE_ENV&nbsp;===&nbsp;'production'&nbsp;?&nbsp;MiniCssExtractPlugin.loader&nbsp;:&nbsp;'stye-loader',</div>
<div>&nbsp;&nbsp;&nbsp;'css-loader'</div>
<div>]</div>
</div>

miniCssExtractPlugin이 동작하지 않습니다.

해당 이슈 해결했습니다. node 버전을 LTS로 설치해서 다시 진행하니까 문제없이 됐습니다.

npx babel app.js --plugins './my-babel-plugin.js/ 에러

실은 이미 따옴표 제거하고도 해봤는데 동일하게 나오더라고요.
파일명은 분명 my-babel-plugin.js인데 왜&nbsp;<span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">babel-plugin-my-babel-plugin.js를 찾으려는지 이해가 안가네요 당황스럽습니다.
<span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">추가로 영상 뒤에 나오는 다른 플러그인들도 해봤는데 전혀 동작하지 않았습니다.
<span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;"><img src="https://cdn.inflearn.com/public/comments/f9c74692-ade0-414c-9239-c1d14740c097/캡처.PNG" title="캡처.PNG" width="1344" height="1087" alt="" />

여러모로 좀 웃기긴한데 웹팩 4버전을 uninstall하고 설치하려는데 안돼서 그냥 여러가지 방법 찾아보다가 아래와 같은 방식으로 해결했습니다. 동일한 에러 있는분이 있다면 참고가 되었으면 좋겠습니다.
<img src="https://cdn.inflearn.com/public/files/posts/23fee765-15ae-46d0-8c87-1cec1c03099f/캡처.PNG" title="캡처.PNG" width="769" height="493" alt="" />

<img src="https://cdn.inflearn.com/public/files/posts/71127da1-f9c1-4901-9c28-44f9e65ecc6b/캡처1.PNG" title="캡처1.PNG" width="762" height="309" alt="" />
<img src="https://cdn.inflearn.com/public/files/posts/80ec9bae-38c7-4550-bb33-f5a002d255dc/캡처2.PNG" title="캡처2.PNG" width="758" height="78" alt="" />
말씀주신대로 output에 publicPath를 추가하였는데 위와 같은 에러가 나오기 시작했습니다. 최대한 혼자 해결해보려고 하는데 잘 안되네요..
웹팩 버전은 webpack은 ^5.4.0 cli는 ^4.2.0입니다.

seed

Bài viết