webpack error 해결법 : WARNING in configurationThe 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.

npm run start 를 하려다 보면 아래와 같은 WARNING이 발생하는 경우가 있다.

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. 
Set 'mode' option to 'development' or 'production' to enable defaults for each environment.

 

해석하면 실행시 mode가 설정되지 않았다는 이야기인데 production 모드인지 development 모드인지를 설정해 주면 된다. 

2가지 방법이 있다.

 

1. webpack.config.js 파일에 mode로 명시해주는방법 

아래 mode 부분에 'development' 를 명시해주면 된다.

webpack.config.js 

const path = require('path');
module.exports = {
  mode: 'development',
  entry: './src/index.js',
  output : {
    filename:'bundle.js',
    path:path.resolve(__dirname, 'dist')
  },
  module: {
  }
}

 

2. package.json 의 scripts에 --mode development 를 추가하는 방법

간단히 webpack 의 mode 가 development 가 되도록 입력한다.

package.json

  "scripts": {
    "start": "webpack --mode development"
  },