title: Rebuild with visual studio and webpack-cli does not build my jsx file
body: <p>I was following this two tutorials to create my first react app and node.js:</p>
  <p><a href="https://docs.microsoft.com/en-us/azure/active-directory/develop/tutorial-v2-react" rel="nofollow noreferrer">Doc Microsoft</a>(The worst doc in MS I have ever seen)
  <a href="https://medium.com/@originaleye/build-an-express-react-node-web-app-from-scratch-86462dd9f125" rel="nofollow noreferrer">Medium.com</a> This one helped me to build a working site.</p>
  <p>I am using visual studio 2019 (not an optional.. so please no VS Code) and to run my application I run the command: <code>npx webpack</code>
  It generates the <code>dist</code> folder and the &quot;executable&quot; js. Then I run the project via the &quot;debug&quot; butto in visual studio.</p>
  <p>But now I would like to build and run my site as explained in the Micorsoft documentation. The secret seems to be ind the <code>package.json</code> file and <code>webpack-config.js</code> file.</p>
  <p>In the first file we find:</p>
  <pre><code>&quot;scripts&quot;: {
    &quot;clean&quot;: &quot;&quot;,
    &quot;build&quot;: &quot;webpack-cli ./src/app.tsx --config webpack-config.js&quot;
  }
  </code></pre>
  <p>In the second the configuration.</p>
  <p>The &quot;only&quot; one difference between my projct and the MS Doc is that the doc uses Typescript.</p>
  <p>Here my Project:</p>
  <p><strong>webpack.config.js</strong></p>
  <pre><code>const path = require('path');
  const HtmlWebpackPlugin = require('html-webpack-plugin')
  
  module.exports = {
      watch: false,
      entry: './src/index.js',
      mode: 'development',
      output: {
          filename: './app.js'
          ,
          path: path.resolve(__dirname, 'dist')
      },
      module: {
          rules: [
              {
                  test: /\.js$/,
                  exclude: /node_modules/,
                  loader: &quot;babel-loader&quot;
              }
          ]
      },
      plugins: [
          new HtmlWebpackPlugin({
              template: './src/index.html'
          })
      ]
  };
  </code></pre>
  <p><strong>package.json</strong></p>
  <pre><code>  {
      &quot;name&quot;: &quot;my.web.react&quot;,
      &quot;version&quot;: &quot;0.0.0&quot;,
      &quot;description&quot;: &quot;My.Web.React&quot;,
      &quot;main&quot;: &quot;server.js&quot;,
      &quot;author&quot;: {
        &quot;name&quot;: &quot;&quot;
      },
      &quot;dependencies&quot;: {
        &quot;@babel/core&quot;: &quot;^7.15.0&quot;,
        &quot;@babel/preset-react&quot;: &quot;^7.14.5&quot;,
        &quot;babel-loader&quot;: &quot;^8.2.2&quot;,
        &quot;express&quot;: &quot;^4.17.1&quot;,
        &quot;html-webpack-plugin&quot;: &quot;^5.3.2&quot;,
        &quot;react&quot;: &quot;^17.0.2&quot;,
        &quot;react-dom&quot;: &quot;^17.0.2&quot;,
        &quot;webpack&quot;: &quot;^5.49.0&quot;,
        &quot;webpack-cli&quot;: &quot;^4.7.2&quot;
      },
      &quot;scripts&quot;: {
        &quot;clean&quot;: &quot;&quot;,
        &quot;build&quot;: &quot;webpack-cli ./src/index.jsx --config webpack.config.js&quot;
      }
    }
  </code></pre>
  <p><strong>babel.config.json</strong></p>
  <pre><code>  {
        &quot;presets&quot;: [
            &quot;@babel/preset-react&quot;
        ]
    }
  </code></pre>
  <p>Now when I click on Rebuild, nothing happens:
  <a href="https://i.stack.imgur.com/hKmtv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hKmtv.png" alt="enter image description here" /></a></p>
  <p>What is still missing?</p>
  <p>Thank you</p>