NamedModulesPlugin

번들링된 웹팩 파일 로그에, 상세 경로를 알려준다

사용전

1
2
3
4
5
6
[14] (webpack)-hot-middleware/client-overlay.js 2.21 kB {0} [built]
[19] (webpack)-hot-middleware/process-update.js 4.33 kB {0} [built]
[20] ./src/main.css 1.07 kB {0} [built]
[22] ./node_modules/style-loader/lib/addStyles.js 9.92 kB {0} [built]
[24] ./src/index.html 269 bytes {0} [built]
[25] ./src/images/bglam.png 62 bytes {0} [built]

사용후

1
2
3
4
5
6
7
8
[./node_modules/webpack-hot-middleware/client-overlay.js] (webpack)-hot-middleware/client-overlay.js 2.21 kB {0} [built]
[./node_modules/webpack-hot-middleware/client.js?reload=true] (webpack)-hot-middleware/client.js?reload=true 7.35 kB {0} [built]
[./node_modules/webpack-hot-middleware/process-update.js] (webpack)-hot-middleware/process-update.js 4.33 kB {0} [built]
[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 517 bytes {0} [built]
[./src/images/bglam.png] ./src/images/bglam.png 62 bytes {0} [built]
   [0] multi ./src/main.js 28 bytes {0} [built]
[./src/index.html] ./src/index.html 269 bytes {0} [built]
[./src/main.css] ./src/main.css 1.07 kB {0} [built]

사용법

  • 웹팩설정파일 - webpack.dev.js
1
2
3
4
5
6
...
plugins: [
  ...
  new webpack.NamedModulesPlugin(),
  ...
]