Q&A
커뮤니티
지식
이벤트
더보기
OKKY
Q&A
지식
커뮤니티
이벤트
부트캠프
Jobs
Contact
Search Bar
로그인
회원가입
webpack
전체
기술
커리어
기타
카테고리
전체
최신순
질문하기
답변
0
록타르오가르-
·
거의 2년
183
0
답변 0
yarn으로 웹팩 실행시 오류
공부한 내용을 바탕으로 yarn으로 개발환경을 구축하는 중인데요 제가 한 행동은 mkdir 폴더 생성 yarn init yarn add webpack webpack-cli -D // package.json { "name": "b", "packageManager": "yarn@3.4.1", "devDependencies": { "webpack"
답변
2
배움은끝이없다
·
약 2년
260
0
답변 2
리액트 빌드 질문있습니다!
front 라는 폴더내에 common, person 두개의 리액트 프로젝트 폴더가 있습니다. 그리고 person 프로젝트에서는 common 프로젝트의 각종 컴포넌트나 라이브러리들을 import 해서 사용합니다. 간단히 예를들면 person 프로젝트 내 index.js 파일에서 import {common} "./common/api class index extends Component{<!-- --> } 이런식으로 사용중일때 person 프로
답변
1
Asdzxc12
·
약 2년
256
0
답변 1
Next.js 성능 문제
취업 포폴용, next.js 만든 프로젝트인데 lighthouse를 통해 분석한 후 성능을 개선했는데 시간이 지나고 나니 다시 0 점으로 돌아오네요 Lazy Loading, Tree Shaking, Webpack Bundle Analyzer이것저것 만져봤는데 좀처럼 해결되지 않네요... ㅜ 코드 어느 부분을 수정하면 좋을지 자세하게 분석해주시고, 수정한 코드도 알려주시면 작지만 사례도 하겠습니다. 오픈 채팅 방으로 도와주시면 정말 감사하겠습니
답변
4
아라차
·
2년 이상
192
0
답변 4
웹팩 html 여러페이지
웹팩을 이번 프로젝을 할 때 사용해 보려고 하는데, 안하는 것이 나을까? 한번 시도해 보는게 좋을까? 하는 기로점에 섰습니다. 리액트가 등이 아닌, 일반 웹작동 어플리케이션을 한다면, ( 웹팩은 js파일만 읽는 것으로 압니다.) 몇 백 페이지나 되는 html페이지를 하나하나 각각 다 설정해야 한다면, 편리하라고 만든 것 같은데, 이런 웹 같은 경우 (50~100page 정도에도) 사용하기엔 설정 일일히 하는게 더 번거로울 것 같은데, 제가 모르는 다른
답변
0
Hello_olleH
·
2년 이상
166
0
답변 0
웹팩 관련하여 질문있습니다
commonjs 모듈 시스템을 브라우저에서 사용할 수 있도록 번들링 하는 것이 웹팩이라고 알고있습니다. 이것과는 반대로 낮은 버전의 NodeJS(12버전 미만)의 경우 ESM 모듈 시스템을 사용할 수 없는 것으로 아는데, 이 경우 웹팩을 사용하여 ESM 모듈로 구성되어 있는 소스들을 번들링 하여 낮은 버전의 NodeJS에서 실행이 가능하도록 할 수 있나요?
답변
2
유발욱라리
·
2년 이상
216
0
답변 2
웹팩 개발 서버는 Node.js 프로세스가 실행하는게 아닌가요?
로컬 개발 환경에서 webpack-dev-server를 실행중일 때, 해당 프로세스가 nodejs 프로세스임에도 불구하고 ps -ef | grep node 명령어로 조회시 웹팩 개발 서버를 실행중인 nodejs 프로세스가 조회되지 않는 이유가 뭔가요? 웹팩 개발 서버는 Node.js 프로세스가 관련 웹팩 스크립트를 실행해서 실행 되는 것으로 이해하고 있었는데 잘못 이해한 것일까요?
답변
1
물먹이
·
거의 3년
211
0
답변 1
webpack, babel 사용? 설정? 어떤 말이 맞을까요..?
안녕하세요! 프론트엔드 취업준비중인 취준생입니다!다름이아니라, 가끔 공고에서 보면 babel, webpack 등 사용 유무를 우대사항에 들어가있던데..CRA를 통해 react app을 설치하면 자동으로 webpack과 babel이 설정되어있다고 알고있습니다.그럼 공고에 보던 babel과 webpack의 사용유무는 또 다른 의미일까요?? CRA말고 직접 webpack과 babel을 설정하는것을 물어보는건지 아니면 직접 배포까지 해봤냐는것을 물어보는건지
답변
2
하얀뼈
·
거의 3년
548
0
답변 2
웹팩을 잘 다룬다는 말은 무슨 말일까요
SPA기준으로, CRA로 만든 react나 vue는 제가 알기로는 eject 하지 않으면 웹팩 설정은 만지지 못하는 것으로 알고있습니다. 그게 아니라면, Nextjs에서 Next.config.js로 웹팩 설정을 덮어씌우는 방법도 있겠죠. 그리고 제 경험상 웬만한 프로젝트는 전부 CRA나 create vue app으로 진행했습니다. 그렇다면.... 자격사항/우대사항에 웹팩 설정을 잘 다루는 사람이라고 적혀있으면, 저는 eject로 웹팩 con
해결
1
josiah_0208
·
3년 이상
8.7k
2
해결 1
react / spring boot 프로젝트 배포 관련하여 질문을 드립니다! 조언 부탁드립니다. :)
안녕하세요.프로젝트를 진행하다가 배포만 남아있는 상황입니다.저는 리액트로 앞단 쪽을 개발을 하였는데요.이제 배포만 남아있는 상황에서 그 프로세스에 대한 정확한 개념이 없어 질문을 드립니다.배포의 과정 중,프론트 개발자는 npm run build 같은 명령어로 빌드하여 얻어진 파일을 서버개발자에게 건네주기만 하면 되는건가요?
답변
0
뚝딱뚝딱개발자
·
3년 이상
323
0
답변 0
node 및 express 로 개발한 서비스 배포시, 번들링없이 배포
안녕하세요. 초급 웹 개발자입니다.한 하청사에서 node js 및 express를 사용하며 웹 개발을 했고,실서비스를 올리기 직전 상황입니다.한가지 의문이 드는게, 프로젝트 폴더 통째로 (node_module을 포함해 모든 소스코드를)클라우드에 올려두고 pm2 start ecosystem.config.js로 올리고 서비스를 한다고 하는데요,,따로 번들링(패키징)없이 위와같이
답변
1
유발욱라리
·
3년 이상
674
0
답변 1
현업에서 모듈 번들러 보통 뭐 쓰시나요? (Webpack vs Snowpack)
첫 프로젝트 스택 정하는 중에, 모듈번들러로 가장 범용적인 Webpack을 쓸지 개발 편의나 성능면에서 나아보이는 Snowpack을 쓸지 고민하다가 현업에서는 어떤게 많이 쓰이는지 궁금해서 질문드립니다.(회사 분류) / (사용하는 모듈 번들러) 로 답변 주시면 감사드리겠습니다.ex)SI / Webpack 금융권 / ESbuild
답변
0
하겐다즈
·
거의 4년
319
0
답변 0
js 로딩 시간 관련하여 프론트엔드 질문입니다.
안녕하세요프론트엔드를 잘 몰라서 구글링하기도 막막하고 질문을 어떻게 남겨야할지도 잘 모르겠네요중간쯤보시면 304로 뜨는 요청은 webpack bundle js 입니다.그런데 waterfall에서 보면 이 요청후에 시간이 잠깐 붕뜨다가 다른 요청을 처
답변
4
lcw****
·
거의 4년
1.2k
0
답변 4
npm run build 후 빌드 된 파일명 질문!
npm run build 후에 빌드된 파일명이 hash값으로 되어있더라구요..hash 값이 아닌 vue 파일명으로 빌드는 안되나요..??- vue.config.js 파일에 아래와 같이 설정했는데... key값으로 파일이 빌드되더라구요.. 방법이 없을까요..??module.exports &
답변
3
노력하는_개발자
·
약 4년
1.2k
0
답변 3
spring 프로젝트에 babel 설정하는것 관련해 궁금한게 있습니다.
spring + thymeleaf 프로젝트입니다.IE도 지원해야 해서 es5 코드로 짜고 있었는데 아무래도 불편한 점이 많기도 하고 코드를 불편하게 짜는 것 같아서 알아보니 babel을 활용해 해결할 수 있더군요.(각 페이지별로 여로 각기 다른 기능들의 js 파일로 나누어져 있는데 webpack을 사용하기엔 비 효율적 일 거란 판단에 babel만 사용하려고 시도해 봤어요.) 그래서
답변
0
FE_JM
·
약 4년
205
0
답변 0
node webpack 버전 업데이트시 babel bundle ES 문법 관련
프론트 개발환경 업데이트 중node 12 -> node 16 버전으로 업데이트 했습니다!업데이트 하면서 webpack을 4.46.0 -> 5.70.0 으로 업데이트 했는데,생성하는 bundle.js 에서 es6 문법인 arrow function 이 나오고 있습니다.ie가 곧 서비스 종료를 하지만 그래도 당분간은 호환이 되도록 하고 싶은데webpack 버전을 올렸을때 babel
답변
1
지금시작하는인문학
·
약 4년
301
0
답변 1
webpack 설정 공부 오류 질문드립니다.
img src="//file.okky.kr/images/16
답변
0
구직인
·
약 4년
423
0
답변 0
[react]CRA 구성 vs webpack 구성
다들 뭘로 하시나요?예전 cra는 sass넣을때 eject해야된다지만 지금 버전에는 다 지원하고..굳~이 코드 스플리팅 이런거 할 이유 없으면 굳~이 webpack으로 해야하나 싶네요.여태껏 webpack의 디테일 설정도 필요하진 않았고요. (아직까지)현재 업무하는 곳이 신입이 많고 앞으로도 많을 것 같아.괜히 webpack으로 만들어버리면 헤매지 않을
답변
3
공부좀해라
·
4년 이상
862
0
답변 3
React Webpack less
안녕하세요.리액트 프로젝트 셋팅하는 데에 있어 css 로 less 를 사용하고 싶습니다.npm install less / less-loader 는 완료한 상태이구요..구글에 물어보니 webpack 에 소스를 일부 추가해줘야한다고 하더라구요..그래서 webpack 에 이미 sass 로 등록되어 있는 webpack 소스가 있길래 일부 수정만 해주었습니다.img al
답변
0
zhzhzh
·
4년 이상
374
0
답변 0
vue 프로젝트 빌드시 static 폴더 하위파일이 계속 변경됩니다....
static 폴더안에 내용이 원래 계속 변경되나요?? 이게 webpack 때문인거 같은데, 웹팩 설치시 -D 옵션으로 설치하면 빌드시 static 변경안될까요?? vue 초보입니다 도움을 주십셔!
답변
4
juupp
·
4년 이상
866
0
답변 4
웹팩 개발서버 vs live server
webpack-dev-server를 설정해서 npm start로 개발서버를 열어 사용하는것과 vscode의 Live server를 이용하는 것과 어떤 차이가 있는건가요? webpack-dev-server로 사용하면 운영환경과 맞춰서 사용할 수 있기 때문에 좋다고 하던데 예시를 들을 수 있을까요??
이전
1
2
3
4
다음
Search Bar
