Wie webpack React.js mit uglify Version

Question

Ich möchte webpack meine React.js App

module.exports = { 
    entry: './_react/index', 
    output: { 
     path: './dist/public/app', 
     filename: 'bundle.min.js' 
    }, 
    devtool: 'source-map', 
    devServer: { 
     contentBase: __dirname 
    }, 
    module: { 
     loaders: [{ 
      test: /\.js?$/, 
      exclude: /(node_modules|bower_components)/, 
      loader: ['babel-loader'], 
      query: { 
       presets: ['es2015', 'react'] 
      } 
     }] 
    } 
} 

Klemme

webpack -p 

uglify Version

webpack.config.js mit

Nachdem auf dem Web-Browser eine Vorschau, bekam ich diesen Fehler

Bitte führen dank

Answer 1

Wie jmargolisvt sagte, müssen Sie die NODE_ENV einstellen.

Versuchen Sie, Ihre webpack.config.js mit der Aktualisierung folgende:

plugins: [ 
    new webpack.DefinePlugin({ 
    'process.env': { 
     'NODE_ENV': JSON.stringify('production') 
    } 
    }) 
], 

Oder in der aktuellen Konfiguration als:

module.exports = { 
    entry: './_react/index', 
    output: { 
     path: './dist/public/app', 
     filename: 'bundle.min.js' 
    }, 
    devtool: 'source-map', 
    devServer: { 
     contentBase: __dirname 
    }, 
    module: { 
     loaders: [{ 
      test: /\.js?$/, 
      exclude: /(node_modules|bower_components)/, 
      loader: ['babel-loader'], 
      query: { 
       presets: ['es2015', 'react'] 
      } 
     }] 
    } 
    plugins: [ 
     new webpack.DefinePlugin({ 
      'process.env': { 
       'NODE_ENV': JSON.stringify('production') 
      } 
     }) 
    ], 
} 

Stellen Sie sicher, JSON.stringify zu verwenden, um eine Zeichenfolge einzufügen und nicht die Variable production

Answer 2

Sie müssen die NODE_ENV die Produktion einzustellen. Von der :

Hinweis: Standardmäßig ist React im Entwicklungsmodus. Um Reagieren im Produktionsmodus zu verwenden, setzen Sie die Umgebungsvariable NODE_ENV auf Produktion (mit DefinePlugin von enfify oder webpack).