Webpack Basic - ChoDragon9/posts GitHub Wiki

Install

$ mkdir hello-webpack
$ cd hello-webpack
$ npm init
$ npm i webpack webpack-cli -D

Getting start

webpack.config.js

const path = require('path')

module.exports = {
  entry: './entry.js',
  output: {
    path: path.resolve(__dirname,'dist'),
    filename: 'bundle.js'
  }
}

샘플 코드 만들기

entry.js

import { foo } from './foo'
import { bar } from './bar'

foo()
bar()

bar.js

export const bar = {
  bar () {
    console.log("bar")
  }
}

foo.js

export const foo = {
  foo () {
    console.log("foo")
  }
}

build

package.json 에 build명령어 추가

"scripts": {
  "build": "webpack --config webpack.config.js"
}

webpack build

$ npm run build

├── dist
     └── bundle.js

Webpack Nodejs

webpack에서 nodejs 코드를 빌드하려면 target를 지정해줘야 한다.

module.exports = {
  entry: './entry-server.js',
  target: 'node'
}