title: How do I solve Content not from webpack is served from in react webpack?
body: <p>I am new to reactjs and I am trying to setup react, babel and webpack to convert jsx and es2015 code to 1 file.</p>
  
  <p>The basic app is compiling well but I see the words below when compiling</p>
  
  <blockquote>
    <p>Content not from webpack is served from /app</p>
  </blockquote>
  
  <pre><code>[./src/app/index.js] 27 bytes {main} [built]
  i ｢wds｣: Project is running at http://localhost:1234/
  i ｢wds｣: webpack output is served from /app/
  i ｢wds｣: Content not from webpack is served from C:\Users\coder\Documents\nodeprojects\my-react\src
  </code></pre>
  
  <p>This is how my webpack.config.js file config looks like:</p>
  
  <pre><code>module.exports = {
    entry: path.resolve(__dirname, 'src') + '/app/index.js',
    output: {
      path: path.resolve(__dirname, 'dist') + '/app',
      filename: 'bundle.js',
      publicPath: '/app/'
    },
    module: {
      rules: [
        {
          test: /\.js$/,
          include: path.resolve(__dirname, 'src'),
          loader: 'babel-loader'
        },
        {
          test: /\.css$/,
          loader: 'style-loader!css-loader'
        }
      ]
    }
  };
  </code></pre>
  
  <p>My project structure looks like this:</p>
  
  <blockquote>
    <p>project_folder</p>
    
    <blockquote>
      <p>dist</p>
      
      <p>node_modules</p>
      
      <p>src</p>
      
      <blockquote>
        <p>app</p>
        
        <blockquote>
          <p>index.js</p>
        </blockquote>
      </blockquote>
      
      <p>index.html</p>
    </blockquote>
  </blockquote>
  
  <p>Do you know how can I avoid <strong>Content not from webpack is served from /app</strong> or I don't need to bother it? Any help is appreciated. thanks</p>