안녕하세요. 진행하신 강의는 웹팩4이므로 저는 웹팩5로 진행하면서 정말 많은 공부가 되었습니다! 한 가지만 빼고 강의 코드를 웹팩5으로 변환시키는 것을 성공하였는데요. BannerPlugin을 사용하기 전에 직접 번들링 코드에 배너를 넣는 부분은 실패했습니다ㅠ 웹팩5에서는 더 이상 assets['main'js].source 함수를 사용하지 않는 것 같았습니다. 해당 함수를 재정의해봤지만 배너가 붙지 않더라구요. 공식문서를 뒤져보면서 이것저것 시도해봤지만 성공하지 못했습니다ㅠ 혹시 여기에 대한 해답이 있으시다면 공유 가능할까요?
안녕하세요! 웹팩설정에서 질문이있습니다. 알거같다가도 헷갈려서 질문드려요! "webpack.config.ts 파일 내에서 const require 방식이 아닌 Import를 사용가능한 이유"가 어느부분때문인가요? tsconfig.json 에서 module을 esnext로 최신으로 쓰겠다고 설정했으므로 tsconfig를 웹팩이 먼저 읽어서, 웹팩 파일내부에서도 commonjs방식이아닌 import 방식이 가능한것이라고 이해하면 맞을지 궁금합니다. 그런데 이렇게 이해하면 tsconfig-for-webpack-config 파일에서는 또 module을 commonJs 로 해주기때문에 조금 헷갈립니다,,
웹팩 관련하여 질문 하나 드려도 괜찮을까요? 개발환경을 스스로 설정하기 위해서 리액트를 사용한 프로젝트에서 웹팩을 사용해보며 배우고 있습니다. A컴포넌트에서 A.css AA.css B컴포넌트에서 B.css, BB.css를 각각 import하여 사용하고 있는 상태에서 번들링을 하면 A.css + AA.css + B.css + BB.css가 합쳐진 Css 파일이 만들어지는데 제가 하고 싶은 것은 A컴포넌트에서 import 하는 A.css + AA.css 가 번들링 된 Css 파일, B.css + BB.css 가 번들링 된 Css파일 이렇게 각각 을 얻는데 계속해 실패하고 있습니다만 어떤 개념을 통해 해결해 갈 수 있을지 공식문서와 검색을 통해서 얻어내지 못하고 있어 질문을 남깁니다. 감사합니다. (A컴포넌트와 B컴포넌트는 서로 import하지 않으며 부모나 자식 컴포넌트가 겹치지도 않는 상태 입니다.)
안녕하세요 판교님, 질문이 있습니다 1. 웹팩4 또는 5 등등 버전마다 호환이 되는 게 있고 안되는 버전이 있는 것 같습니다. npm install css-loader@3 file-loader@5 style-loader@1 각각의 로더들이 호환되는지 여부를 어디서 체크할 수 있나요? (웹팩4에서는 어디까지 호환되는지를 찾고 있는데 공식문서를 봐도 해답을 못찾겠네요)
이전 강의에서 devDependancies에 있는 라이브러리들은 npm run build될때 배포가 되지않는다는 식으로 알려주셨었는데 이 강의에서는 package.json 파일에서 webpack은 devDependancies에 있는데 "scripts" : { "build" : "webpack" } 이라고 써서 돌아가는 것인가요??? 이해가 되지않습니다 ㅠㅠㅠ
const {data, error, revalidate}=useSWR(주소, fetcher) -> 주소: fetcher 함수 실행을 요청할 주소 fetcher: 어떤 기능을 수행할 지 정의해 둔 함수 요청이 성공되면, revalidate 함수가 실행된 뒤, data로 응답을 받아와서 응용할 수 있다. 이렇게 이해했는 데 맞을까요? 그리고, fetcher는 하나가 아니라 여러가지를 만들어도 괜찮을까요? get을 할 수 있는 fetcher, post를 할 수 있는 fetcher 등 나눠서 사용할 수 있을까요? 그리고 프로젝트를 함께 진행하고 있는 친구가 회원가입을 하기 위해 post를 해줬고, 성공 시 response로 관련 데이터를 보내주는데 /api/user에 굳이 userData를 넣어서 또 get으로 받아볼 수 있도록 해야 하냐고 물어보던데 당연히 필요한 거 아닌가..? 라는 생각이 들지만 명확한 근거를 모르겠어서 질문드립니다.
안녕하세요 강사님! 웹팩 강의 너무 잘 보고 있습니다!! 드리고 싶은 질문은, 제가 webpack-dev-server실행 시 index.html을 안불러오고 main.js를 통해 App.vue를 실행시키고 싶은데, 옵션을 어떻게 설정해야 할까요? 참고하고 있던 소스가 vue-cli를 사용하고 있어서 vue.config.js 옵션 설정과는 조금 다른지 헷갈리네요..!
안녕하세요 Vue 끝장내기 강의를 먼저 듣고 온 뷰린이입니다. 먼저 올려주신 강의들 너무너무 잘 듣고 있습니다. 다름이 아니라 웹팩 등장배경에 관련한 이야기를 하시면서 파일 단위의 자바스크립트 모듈 관리의 필요성을 언급하셨습니다. 저는 해당 부분을 '모듈 관리 기능을 commonJS와 AMD와 같은 라이브러리로 사용하다가 그 필요성이 더욱 강조되면서 ES6부터는 언어 레벨까지 구현되었다.' 로 받아들였습니다. 그래서 어떤 관점에서 모듈 기능의 필요성이 웹팩의 등장 배경과 관련이 있는지 이해가 잘 되지 않습니다. 답변 부탁드리며 항상 좋은 강의 감사드립니다!
`webpack.config.js` 사용하지 않고, `package.json`안에 `scripts`를 이용하여 강의 내용처럼 커스텀명령어 입력 후 $ npm run build 했는데 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build" : "webpack --mode=none --entry=src/index.js --output=public/output.js" }, [webpack-cli] Error: Unknown option '--output=public/output.js' 터미널에서 output 에러가 생기는데 원인이 뭔지 찾이 못해 문의드립니다.
위의 script_vue 디렉토리는 1강에서 했던 작업물들입니다. vue 버전과 vue-template-compiler(2.6.14) 버전을 동일 하게 하고 나서 webpack을 실행하니, [webpack-cli] Failed to load '/Users/joo/Desktop/zero_view/webpack.config.js' config [webpack-cli] Error: Cannot find module 'vue/compiler-sfc' 이런 에러가 나서 vue/compiler-sfc을 설치 한 후, 다시 vue는 (3.2.31)최신버전으로 하고 vue-temp는 (2.6.14)버전으로 하고 나서 웹팩빌드 하니 에러 없이 app.js 파일을 생성했습니다. 그리고 numberbaseball.html 파일을 실행하니, Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor at eval (main.js:7:1) at Object../main.js (app.js:19:1) at __webpack_require__ (app.js:153:41) at app.js:205:37 at app.js:207:12 위에 내용과 같은 에러가 크롬콘솔창에 뜹니다. 관련해서 검색 해도 잘 나오질 않네요 ㅜ
