title: How to keep my shebang in place using webpack?
body: <p>is there any way to make Webpack keep the <code>#!/usr/bin/env node</code> at the top of my file?</p>
  
  <p>I'm trying to bundle a CLI along with a module... it was a bit tricky to export my <code>index.js / cli.js</code> separately using just one configuration file... and making the cli require index... i got it working...</p>
  
  <p>However.. i didn't find any way to keep the <code>#!/usr/bin/env node</code> at the top of my cli file, any ideas?</p>
  
  <p>in shorts webpack outputs an file like this:</p>
  
  <pre><code>/******/ (function(modules) { // webpackBootstrap
  /******/    // The module cache
  /******/    var installedModules = {};
  
  /******/    // The require function
  /******/    function __webpack_require__(moduleId) {
  
  /******/        // Check if module is in cache
  /******/        if(installedModules[moduleId])
  /******/            return installedModules[moduleId].exports;
  ..............................................................
  </code></pre>
  
  <p>but what i need is</p>
  
  <pre><code>#!/usr/bin/env node //&lt;------ HEREEEE
  
  /******/ (function(modules) { // webpackBootstrap
  /******/    // The module cache
  /******/    var installedModules = {};
  
  /******/    // The require function
  /******/    function __webpack_require__(moduleId) {
  
  /******/        // Check if module is in cache
  /******/        if(installedModules[moduleId])
  /******/            return installedModules[moduleId].exports;
  
  ..............................................................
  </code></pre>