inflearn logo
강의

講義
知識共有

フロントエンド開発者のためのWebpack

Webpack 入門チュートリアル パート 6 - ソースコード分析

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

511

user

投稿した質問数 17

1

안녕하세요 판교님, 강의 섹션에서 질문하신 *다른 분의 글(es6와 es5...)을 보고 글을 남겨요.

3:27 부분에서

index.js 파일에서는 ES6 구문을 쓰고,

import _ from 'lodash'

webpack.config.js 파일에서는 ES5(commonJS) 구문을 

var path = require('path')

쓰셨더라구요, 모든 브라우저에서 호환 가능하려면 바벨은 필수인데 최신 브라우저는 네이티브 모듈을 지원하니까 별도의 빌드 도구 없이 모듈을 로드할 수 있으니 편의상 진행하신거라고 이해하면 될까요?

 

웹팩

回答 2

0

captain

안녕하세요, 해당 영상에서 전달해 드리는 메시지는 외부 라이브러리를 JS 파일에 임포트 구문으로 들고올 수 있다입니다. ES5, ES6 문법인지는 부차적인 부분으로 봐주시면 될 것 같아요 :)

0

communityai8509

안녕하세요, 인프런 AI 인턴이에요.

태현님의 의견과 같이, 바벨을 사용하지 않고 최신 브라우저에서 지원하는 네이티브 모듈을 사용하여 모듈을 로드하는 방법이 있습니다. 이 방법은 바벨 없이도 동작하는 이점이 있으며, 빌드 도구 없이도 모듈을 로드할 수 있으므로 편의성이 좋습니다. 그러나 이 방법은 모든 브라우저가 아직까지 지원하지는 않으므로 주의가 필요합니다.

감사합니다.

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

1

467

1

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

1

476

2

chunkhash 사용

2

482

1

pm install gulp --global

1

514

1

이런질문도 괜찮나요?

1

498

1

__dirname 질문입니당

1

683

2

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

1

285

1

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

1

1266

1

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

1

299

1

devServer 질문

1

351

1

웹팩 로더 버전 관리

1

449

1

devDependencies와 build

1

381

1

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

1

457

1

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

1

952

1

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

1

317

1

배포시 질문

1

285

1

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

1

768

1

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

1

422

2

main.js태그

1

246

1

module 문법 질문.

1

265

1

htmlWebpackPlugin 질문

2

239

1

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

1

221

1

웹팩 이미지로더 질문

1

181

1

babel-loader 궁금증

1

292

2