# Webpack config to make code more readable

**URL:** <https://discourse.lynckia.com/t/webpack-config-to-make-code-more-readable/541>\
**Category:** Support\
**Created:** [July 21, 2017, 2:33pm UTC](https://discourse.lynckia.com/t/webpack-config-to-make-code-more-readable/541 "2017-07-21T14:33:54Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Francesco\_Durighetto](https://avatars.discourse-cdn.com/v4/letter/f/a9a28c/32.png) [@Francesco\_Durighetto](https://discourse.lynckia.com/u/Francesco_Durighetto)\
**Post date:** [July 21, 2017, 2:33pm UTC](https://discourse.lynckia.com/t/webpack-config-to-make-code-more-readable/541/1 "2017-07-21T14:33:54Z")

</div>

I personally don’t know webpack,  
is there a way to make an even more readable output of erizo.js, similar to the previous non-webpack one?  
maybe some options in webpack.config you can suggest me?

In practice is it possible to transform:  
**WEBPACK\_IMPORTED\_MODULE\_4\_\_utils\_Logger** [“a” /\* default \*/]  
in L.log.blablabla ?

'Cause this is very annoying when debugging and I can’t imagine to have to build gulp at every change.

Thanks!

---

<div class="post-metadata">

**Author:** ![zevarito](https://yyz1.discourse-cdn.com/flex031/user_avatar/discourse.lynckia.com/zevarito/32/52_2.png) [@zevarito](https://discourse.lynckia.com/u/zevarito)\
**Post date:** [July 21, 2017, 6:05pm UTC](https://discourse.lynckia.com/t/webpack-config-to-make-code-more-readable/541/2 "2017-07-21T18:05:12Z")

</div>

Hi Francesco,

There is a Debug version under `erizo_controller/erizoClient/dist`, is that what do you mean?

---

<div class="post-metadata">

**Author:** ![Francesco\_Durighetto](https://avatars.discourse-cdn.com/v4/letter/f/a9a28c/32.png) [@Francesco\_Durighetto](https://discourse.lynckia.com/u/Francesco_Durighetto)\
**Post date:** [July 24, 2017, 7:12am UTC](https://discourse.lynckia.com/t/webpack-config-to-make-code-more-readable/541/3 "2017-07-24T07:12:41Z")

</div>

Yeah I know but this file is full of  
WEBPACK\_IMPORTED\_MODULE\_4\_\_utils\_Logger[“a” /\* default \*/]

it’s not like the old non minified version of licode v3.

I wanted to know if there’s an option to leave it untouched by webpack

---

<div class="post-metadata">

**Author:** ![jjahifi](https://avatars.discourse-cdn.com/v4/letter/j/b4bc9f/32.png) [@jjahifi](https://discourse.lynckia.com/u/jjahifi)\
**Post date:** [July 25, 2017, 5:58pm UTC](https://discourse.lynckia.com/t/webpack-config-to-make-code-more-readable/541/4 "2017-07-25T17:58:41Z")

</div>

Yes. I agree. The new version is much. much harder to understand.

This is quite frustrating. Especially when the new client is not working as you would expect.

---

<div class="post-metadata">

**Author:** ![pedro](https://yyz1.discourse-cdn.com/flex031/user_avatar/discourse.lynckia.com/pedro/32/24_2.png) [@pedro](https://discourse.lynckia.com/u/pedro)\
**Post date:** [July 28, 2017, 9:17am UTC](https://discourse.lynckia.com/t/webpack-config-to-make-code-more-readable/541/5 "2017-07-28T09:17:14Z")

</div>

This PR:

> <https://github.com/lynckia/licode/pull/987>

  
Enables source maps for the `debug` versions of ErizoClient. It should be a lot easier to debug ErizoClient with it.  
Give it a try!

---

<div class="post-metadata">

**Author:** ![jjahifi](https://avatars.discourse-cdn.com/v4/letter/j/b4bc9f/32.png) [@jjahifi](https://discourse.lynckia.com/u/jjahifi)\
**Post date:** [August 3, 2017, 6:55pm UTC](https://discourse.lynckia.com/t/webpack-config-to-make-code-more-readable/541/6 "2017-08-03T18:55:21Z")

</div>

Yes, this seems to help. Thank you.

It still, however, takes quite a time to understand what has been done.

The use of gulp and lint still makes me to wonder why languages requiring the use of this type of additional tools are used at all.

Sorry for the rant. Well, this just shows how old I am.