Skip to content
Branch: master
Find file History
Pull request Compare This branch is 8 commits ahead, 73 commits behind AriaFallah:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
src
README.md
package.json
webpack.config.js

README.md

예제 2 - 최소한의 예제

디렉터리 구조는 다음과 같습니다:

MyDirectory
|- dist
|- src
   |- index.js
|- webpack.config.js

다음으로 최소한의 Webpack 설정이 있습니다.

// webpack.config.js
var path = require('path')

module.exports = {
  entry: ['./src/index'], // file extension after index is optional for .js files
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js'
  }
}

새롭게 보이는 속성을 각각 살펴봅시다:

  • entry - 번들의 엔트리 포인트로써 번들하기 색션에서 이미 논의했습니다. Webpack은 여러 번들을 생성하는 진입점을 허용하기 때문에 배열입니다.

  • output - Webpack의 최종 결과물이 되는 형태를 명시합니다.

    • path - Webpack의 최종 결과물이 되는 형태를 명시합니다.
    • filename - 번들 파일의 이름을 지정합니다.

이제 webpack 명령을 실행하면, dit라는 폴더에 bundle.js 파일을 생성합니다.

You can’t perform that action at this time.