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

webpack4 에서 사용하던 webpack-dev-server는webpack5로 넘어오면서 webpack serve로 변경되었습니다."scripts"에는 아래와 같이 작성해주세요. "start": "webpack serve" 자세한 사항은 아래 링크들을 통해 보시면 좋을 것 같습니다. https://webpack.js.org/configuration/dev-server/ https://www.taniarascia.com/how-to-use-webpack/ https://www.zerocho.com/category/Webpack/post/5f97c8c6591c990004e1f5f1

miniCssExtractPlugin이 동작하지 않습니다.

node를 LTS 버전으로 설치하면 아래 코드로도 정상 동작합니다. use: [ process.env.NODE_ENV === 'production' ? MiniCssExtractPlugin.loader : 'stye-loader', 'css-loader' ]

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

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

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

실은 이미 따옴표 제거하고도 해봤는데 동일하게 나오더라고요. 파일명은 분명 my-babel-plugin.js인데 왜 babel-plugin-my-babel-plugin.js를 찾으려는지 이해가 안가네요 당황스럽습니다. 추가로 영상 뒤에 나오는 다른 플러그인들도 해봤는데 전혀 동작하지 않았습니다. (사진)

miniCssExtractPlugin이 동작하지 않습니다.

여러모로 좀 웃기긴한데 웹팩 4버전을 uninstall하고 설치하려는데 안돼서 그냥 여러가지 방법 찾아보다가 아래와 같은 방식으로 해결했습니다.동일한 에러 있는분이 있다면 참고가 되었으면 좋겠습니다. (사진)

miniCssExtractPlugin이 동작하지 않습니다.

(사진) (사진) 말씀주신대로 output에 publicPath를 추가하였는데 위와 같은 에러가 나오기 시작했습니다.최대한 혼자 해결해보려고 하는데 잘 안되네요.. 웹팩 버전은 webpack은 ^5.4.0 cli는 ^4.2.0입니다.