Build with webpack causes "TypeError: fs.readFileSync is not a function"

[inxmail-de-cln]

I am trying to get uglify running in a browser within a webapp built with webpack. Since you have merged a PR for webpack-compatibility - see #3435 - I am curious how I have to configure webpack to get uglifyjs running.

E.g. my simple webpack.config.js looks like this:

const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist'),
  },
  node: {
    fs: 'empty'
  },
  devtool: 'source-map',
};

index.js looks like this:

import { minify  } from 'uglify-js';

console.log(minify('function foo() { console.log("bar") }'));

But when I build and run this in a browser I get an error in the web console:

node.js:20 Uncaught TypeError: i.readFileSync is not a function
    at node.js:20
    at Array.map (<anonymous>)
    at Object.<anonymous> (node.js:19)
...

The fs: 'empty-mock basically replaces the require('fs') with a plain empty object, so that readFileSync is undefined.

So is there any better webpack configuration for running uglify in a browser?

[alexlamsl]

On the command line:

$ uglify-js --self --wrap exports --output uglify.js

... and you should get a file which is compatible with your usage.

See README.md for more details on how to use CLI etc.