inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

es6와 es5 문법에 대해서

260

염가희

작성한 질문수 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

517

1

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

1

530

2

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

1

564

2

chunkhash 사용

2

527

1

pm install gulp --global

1

567

1

이런질문도 괜찮나요?

1

548

1

__dirname 질문입니당

1

728

2

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

1

329

1

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

1

1309

1

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

1

341

1

devServer 질문

1

391

1

웹팩 로더 버전 관리

1

492

1

devDependencies와 build

1

414

1

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

1

501

1

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

1

1024

1

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

1

353

1

배포시 질문

1

332

1

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

1

820

1

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

1

479

2

main.js태그

1

280

1

module 문법 질문.

1

298

1

htmlWebpackPlugin 질문

2

270

1

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

1

269

1

웹팩 이미지로더 질문

1

219

1