title: Can't resolve 'fs' using webpack and react
body: <p>I keep getting the error in the description when I try to build my application for my Node server. </p>
  
  <p>I am ultimately trying to read a .docx file for docxtemplater, but without 'fs' working, it's not looking to bright. </p>
  
  <p>I have tried to use the node:{fs:"empty"} workaround that I've seen on many solutions, but it's still giving me the same error or propagating up to the console when I am running it on the browser.</p>
  
  <p>Here is what I have in my webpack.config.js:</p>
  
  <pre><code>var path = require('path');
  var webpack = require('webpack');
  //var HtmlWebpackPlugin = require('html-webpack-plugin');
  var UglifyJsPlugin = require('uglifyjs-webpack-plugin');
  var DashboardPlugin = require('webpack-dashboard/plugin');
  
  const sourcePath = path.join(__dirname, './front_end');
  const buildPath = path.join(__dirname, './src/bin');
  
  module.exports = {
      devtool: 'source-map',
      //home directory for webpack must be absolute
      //context: sourcePath,
      //Application Execution and Webpack Bundling
      entry: {
          js: path.join(sourcePath, 'index.js')
          //html: './index.html',
      },
      output: {
          //Must be absolute path
          path: sourcePath,
          //publicPath: buildPath,
          //publicPath: path.join(__dirname, '/src/bin'),
          filename: "bundle.js"
      },
  
      resolve: {
          extensions: [
              '.webpack-loader.js',
              '.web-loader.js',
              '.loader.js',
              '.js',
              '.jsx'
          ],
          modules: [
              path.join(__dirname),
              "node_modules"
          ],
      },
      module: {
          rules: [
              {
                  test: /\.js$|\.jsx$/,
                  exclude: /node_modules/,
                  use: [
                      "babel-loader",
                      "eslint-loader",
                  ]
              },
              {
                  test: /\.html/,
                  exclude: /node_modules/,
                  use: [
                      "file-loader",
                  ]
              },
              {
                  test: /\.css/,
                  exclude: /node_modules/,
                  use: [
                      "style-loader",
                      'css-loader'
                  ]
              },
              {
                  test: /\.(gif|png)/,
                  exclude: /node_modules/,
                  use: [
                      "url-loader"
                  ]
              }
          ],
          loaders: [
              {
                  test: /\.js$|\.jsx$/,
                  loader: 'babel-loader',
                  exclude: /node_modules/,
                  query: {
                      presets: ['es2016', 'react']
                  }
              },
              {
                  test: /\.css$/,
                  loader: 'style-loader',
                  use: ['style-loader', 'css-loader'],
                  exclude: /node_modules/
              },
              {
                  test: /\.html$/,
                  loader: "file?name=[name].[ext]"
              },
              {
                  test: /\.(jpe?g|png|gif|svg)$/i,
                  loaders: [
                      'file?hash=sha512&amp;digest=hex&amp;name=[hash].[ext]',
                      'image-webpack?bypassOnDebug&amp;optimizationLevel=7&amp;interlaced=false'
                  ]
              }
          ]
      },
      plugins: [
       ],
      stats: {
          assets: true,
          colors: true,
          errors: true,
          errorDetails: true,
          hash: true,
      }
  };
  </code></pre>