Webpack 모드 설정

webpack.config.js 파일을 development로 만든다

 

const path = require('path');

module.exports = {
  entry: {
  	mode:'development',
    main: './src/app.js'
  },
  output: {
    path: path.resolve(__dirname, "output으로 나올 파일의 폴더"),
    filename: 'output으로 나올 파일',
  }
}

development모드일때는 명령어를 npx webpack만 입력해도 실행해도되지만 

 

 

const path = require('path');

module.exports = {
  entry: {
  	mode:'production',
    main: './src/app.js'
  },
  output: {
    path: path.resolve(__dirname, "output으로 나올 파일의 폴더"),
    filename: 'output으로 나올 파일',
  }
}

production모드를 실행할때는 npx webpack --config webpack.config.prod.js 명령어를 입력해야 production모드로 실행이된다.

 

https://www.youtube.com/watch?v=yO_nc7A2qpo&list=PLuHgQVnccGMChcT9IKopFDoAIoTA-03DA&index=5