webpack 2 uglify plugin ES6

Question

Ich benutze Webpack um Module zu bündeln, die in ES6 geschrieben sind. Alle wurden bearbeitet, bis ich json-immutable plugin hinzugefügt habe. Es erforderlich ist json-stream-stringify und es gibt eine Klasse:

class JSONStreamify extends CoStream {...} 
module.exports = function(obj, replacer) { 
    return new JSONStreamify(obj, replacer); 
}; 

webpack gut funktioniert, aber nicht monify Dateien, weil uglify throw Fehler

Unexpected token: name (JSONStreamify)

I https://github.com/webpack-contrib/uglifyjs-webpack-plugin hier Informationen über Modul gefunden. Ich habe installiert und hinzugefügt ecma Unterstützung, aber ich habe immer noch die gleichen Fehler. Ich habe Trie entfernt Ich habe versucht, add exclude node_modules, aber ohne Ergebnisse.

Mein webpack.config.js ist

const path = require('path'); 
const webpack = require('webpack'); 
const UglifyJSPlugin = require('uglifyjs-webpack-plugin'); 
module.exports = { 
    entry: { 
    backend: './src/backend.js', 
    frontend: './src/frontend.js', 
    }, 
    output: { 
    path: path.resolve(__dirname,'./dist'), 
    filename: '[name].sakui.min.js' 
    }, 
    externals: { 
    'jQuery':'jQuery', 
    'Foundation':'Foundation', 
    'react': 'React', 
    'react-dom': 'ReactDOM', 
    'redux': 'Redux', 
    'react-redux': 'ReactRedux', 
    'immutable': 'Immutable', 
    'lodash': '_', 
    '_': '_' 
    }, 
    module: { 
    rules: [ 
     { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     use: { 
      loader: 'babel-loader', 
      options: { 
      "only": "src/**", 
      "presets": [ 
       "env", 
       "react", 
       "es2017", 
       "stage-3" 
      ], 
      "plugins": [["transform-class-properties", { "spec": true }],"transform-decorators-legacy","minify-simplify"], 
      "babelrc": false 
      } 
     } 
     } 
    ] 
    }, 
    plugins: [ 
    new UglifyJSPlugin({ 
     ecma: 6 
    }) 
    ] 
} 

Irgendwelche Hinweise, wie ich dieses Problem lösen kann? Vielleicht ein externes Tool, um Dateien nach dem Webpack zu minimieren?

Answer 1

Lösung:

eine Art und Weise, was ich gefunden ist transpile alle mit node_modules von babel zu ES5 und es funktioniert.

mein webpack.config.js

const path = require('path'); 
const webpack = require('webpack'); 
const UglifyJSPlugin = require('uglifyjs-webpack-plugin'); 
module.exports = { 
    entry: { 
    backend: './src/backend.js', 
    frontend: './src/frontend.js', 
    }, 
    output: { 
    path: path.resolve(__dirname,'./dist'), 
    filename: '[name].sakui.min.js' 
    }, 
    externals: { 
    'jQuery':'jQuery', 
    'Foundation':'Foundation', 
    'react': 'React', 
    'react-dom': 'ReactDOM', 
    'redux': 'Redux', 
    'react-redux': 'ReactRedux', 
    'immutable': 'Immutable', 
    'lodash': '_', 
    '_': '_' 
    }, 
    module: { 
    rules: [ 
     { 
     test: /\.js$/, 
     use: { 
      loader: 'babel-loader', 
      options: { 
      "presets": [ 
       "env", 
       "react", 
       "es2017", 
       "stage-3" 
      ], 
      "plugins": [["transform-class-properties", { "spec": true }],"transform-decorators-legacy"], 
      "babelrc": false 
      } 
     } 
     } 
    ] 
    }, 
    plugins: [ 
    new UglifyJSPlugin() 
    ] 
} 

Vielleicht wird nützlich für jemanden.