src/index.js
import bar from './bar.js';
bar();
src/bar.js
export default function bar() {
//
}
설정 없이도 번들할 수 있고 사용자 지정 webpack.config.js를 제공할 수도 있어요.
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
},
};
page.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
...
</head>
<body>
...
<script src="dist/bundle.js"></script>
</body>
</html>
그다음 커멘드 라인에서 webpack
명령어를 실행해 bundle.js
를 생성하세요.
가이드를 따라 빠르게 시작해 보거나, Concepts에서 webpack의 핵심 개념을 자세히 알아보세요.
한국어 번역 저장소에 자유롭게 이슈를 올려주시고, 기여 방법을 참고하여 PR 보내주시면 적극 반영하겠습니다!