title: webpack javascript in one line
body: <p>I am running an Angular 4 project with Webpack 2.4. </p>
  
  <p>For some reason, some of the third party Javascript plugins files are being modified after compilation, and they are shown in the browser's debugger as a very long, one line string: </p>
  
  <p><a href="https://i.stack.imgur.com/OOcIv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OOcIv.png" alt="Browser&#39;s debugger"></a></p>
  
  <p>This is very inconvenient because I can't use Chrome / FF debugger, as I am unable to set up any breakpoint in there.</p>
  
  <p>Following some of the already posted questions in this site and many others, I extracted the <code>webpack.config.js</code> file by executing <code>ng eject</code></p>
  
  <p>The section where the <code>js</code> files are imported look as follows:</p>
  
  <pre><code>{
      ...        
      "scripts": [
          ...
          "script-loader!./node_modules/handsontable-pro/dist/handsontable.full.js",
          ...
      ],
      "styles": [
          ...
      ]
  },
  "output": {
      "path": path.join(process.cwd(), "dist"),
      "filename": "[name].bundle.js",
      "chunkFilename": "[id].chunk.js"
  }
  </code></pre>
  
  <p>The file <code>handsontable.full.js</code> does not look like that in my project's folder. It seems to be pretty structured. It seems to suffer some kind of modification when the application is built and served. </p>
  
  <p>More puzzling, many other files in the <code>node_modules</code> folder do not have the same problem. </p>
  
  <p>Now, I tried to tweak the <code>webpack.config.js</code>, as suggested in many forums, specifically <code>SourceMapDevToolPlugin</code>, but with very little luck. </p>
  
  <p>So, several questions arise here: </p>
  
  <ol>
  <li>What is happening here? The transformed file doesn't seem to be a minified file, or a hashed file... What is it?</li>
  <li>How can I prevent this from happening, so I can set up breakpoints in that file and use the browser's debugger for tracing, var inspect, etc.</li>
  </ol>