Webpack 2 Code läuft nach der Aktualisierung nicht

Question

Wir verwenden Webpack 1.x seit einiger Zeit jetzt ohne Probleme. Ich habe heute nach den Migrationsanweisungen auf 2.4.1 aufgerüstet und alles schien in Ordnung zu sein. Nach dem Upgrade funktioniert keiner der Webpack-Codes. Ich bekomme keine Fehler. Nur nichts wird angezeigt. Die Divs, in denen meine Komponenten rendern sollen, sind leer.

Also habe ich einige console.logs hinzugefügt, die ausgeführt werden sollten, und nichts in der Konsole angezeigt. Dann habe ich diese console.logs gefunden und Breakpoints hinzugefügt und natürlich wurde der Code aus irgendeinem Grund nicht ausgeführt. Hier

ist der aktualisierten webpack.config.js Dateiinhalt:

var webpack = require("webpack"); 
var path = require("path"); 

module.exports = { 
    entry: { 
     index: './index.jsx' 
    }, 
    output: { 
     path: path.join(__dirname, 'js'), 
     filename: '[name].js' 
    }, 
    module: { 
     rules: [ 
      { 
       test: /\.jsx$/, 
       exclude: /node_modules/, 
       loader: 'babel-loader', 
       query: { 
        babelrc: false, 
        presets: [ 

         'react', 
         'stage-0' 
        ] 
       } 
      }, 
      { 
       test: /\.css$/, 
       use: [ 
        "style-loader", 
        "css-loader" 
       ] 
      } 
     ] 
    }, 
    resolve: { 
     extensions: [ '.js', '.jsx', '.css' ], 
     alias: { 
      "notification-js-root": __dirname + "/node_modules/notification-js" 
     } 
    }, 
    plugins: [ 
     new webpack.optimize.CommonsChunkPlugin('init.js') 
    ] 
}; 

Answer 1

Ok nach Stunden damit verbringen, dieses Problem zu beheben ich, dass die webpack.optimize.CommonsChunkPlugin entdeckt wird in Version 2 von webpack geändert. Es hängt automatisch .js an den von Ihnen verwendeten Dateinamen an.

Also wurde eine Datei von init.js.js erzeugt und ich habe die alte init.js Datei geladen, die von Webpack 1 erzeugt wurde, was scheinbar keinen der folgenden Codes zum Laden bringt und keine Fehler anzeigt.

So fixiert diese es: new webpack.optimize.CommonsChunkPlugin('init')