inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

프론트엔드 개발자를 위한 웹팩

웹팩 시작하기 튜토리얼 파트 6 - 튜토리얼 소스 분석

es6와 es5 문법에 대해서

244

염가희

작성한 질문수 3

4

강의때 

ES6 의 import _  from 'lodash'; 와

ES5 의 var path = require('path'); 

가  같은 문법이라고 하셨는데,

그렇다면 webpack.config.js 파일에서 

import path from 'path';  라고 사용하지 않은 이유가 있는지 궁금해요~

웹팩

답변 1

1

캡틴판교

오 가희님 좋은 질문이네요 :) webpack.config.js 파일은 바벨로 변환하지 않기 때문에 ES6+ 를 모두 다 사용할 수 없습니다. 그래서 Node.js의 모듈화 방식인 commonjs 문법을 사용했어요. 만약 import 구문을 사용하시려면 바벨로 한번 변환해 주셔야 합니다 :)

HTMLWebpackPlugin 사용한 webpack.config.js의 빌드 결과 index.html

1

477

1

인프런 캡틴판교님 강의 들을 순서 알고 싶습니다.

1

484

2

바벨없이 import 구문을 빌드한 의도파악하기

1

518

2

chunkhash 사용

2

493

1

pm install gulp --global

1

523

1

이런질문도 괜찮나요?

1

509

1

__dirname 질문입니당

1

691

2

플러그인 관련 질문있습니다.

1

293

1

build 후 생성된 bundle.js 가 너무 간략합니다

1

1277

1

웹팩데브서버에 대해 궁금한점

1

308

1

devServer 질문

1

359

1

웹팩 로더 버전 관리

1

455

1

devDependencies와 build

1

385

1

webpack-dev-server 실행시 index.html 안쓰는 법

1

462

1

webpack-dev-server 실행 후 매번 업데이트시 console 창 기본 메세지 숨길 수 있을까요?

1

964

1

웹팩의 등장배경 관련해서 문의드립니다!

1

324

1

배포시 질문

1

293

1

--output=public/output.js 오류 문의

1

777

1

npm i vue -D 설치시 다른 여러 폴더들이 생성됩니다.

1

432

2

main.js태그

1

253

1

module 문법 질문.

1

270

1

htmlWebpackPlugin 질문

2

243

1

entry,output 파일 경로 설정 질문.

1

231

1

웹팩 이미지로더 질문

1

185

1