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하고 설치하려는데 안돼서 그냥 여러가지 방법 찾아보다가 아래와 같은 방식으로 해결했습니다.동일한 에러 있는분이 있다면 참고가 되었으면 좋겠습니다. (사진)