我已经用 webpack 生成了 bundle.js，但我的 React App 继续使用 /static/bundle.js

Question

I am generating the .js and .js.gz in the /dist folder, but really I need that this files will be in the /build/static/js

When I upload to production my react app, the only files that I upload to the server is the build folder, so the webpack generated files aren't taken in consideration.

This is the .js file that use my app when is running (/static/js/) and not the webpack generated.

Do you know how could I force to webpack to create the .js and .js.gz files inside the /build folder?

This is my webpack.config.js:

var path = require('path');
const CompressionPlugin = require('compression-webpack-plugin');

module.exports = {
  mode: 'production',
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: '[name].js'
  },
  optimization: {
    splitChunks: {
      chunks: 'all',
    },
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader'
        }
      },
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader']
      },
      {
      test: /\.svg$/,
      loader: 'svg-inline-loader'
      }
    ]
  },
  plugins: [
     new CompressionPlugin({
     algorithm: 'gzip',
     test: /\.js$|\.css$|\.html$/,
     threshold: 10240,
     minRatio: 0.8
     })
    ]

}

And this is the script section in package.json

  "scripts": {
    "analyze": "source-map-explorer 'build/static/js/*.js'",
    "start": "react-scripts start",
    "dev": "webpack --mode development",
    "build": "webpack --mode production",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

Answer 1

Your bundled files will be going to the path mentioned to the output variable.

Change this line from: path: path.resolve(__dirname, 'dist') to: path: path.resolve(__dirname, 'build/static/js')

Answer 2

I have seen that, If you have both versions of the file:

main.js main.js.gz

The browser ask by the gzip version and the server send only the gzip one, But you have to have the two versions!

thanks!