アップグレード後にWebpack 2コードが実行されない

Question

webpack 1.xは問題なく使用されています。私は移行の指示に従って今日2.4.1にアップグレードし、すべてがうまくいくように見えました。アップグレード後、webpackコードは動作しません。私は間違いがない。ただ何も表示されていません。私のコンポーネントがレンダリングすべきdivの部分は空です。

私はconsole.logをいくつか追加しました。コンソールには何も表示されず、何も表示されませんでした。その後、私はそれらのconsole.logを発見し、ブレークポイントを追加し、コードが何らかの理由で実行されていないことを確かめました。ここで

は、ファイルの内容webpack.config.jsアップグレードさ：

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]を、私はwebpack.optimize.CommonsChunkPluginはWebPACKのバージョン2に変更されていることを発見し、これを修正しようと時間を過ごした後。使用するファイル名に自動的に.jsが追加されます。

init.js.jsのファイルが生成されていて、webpack 1で生成された古いinit.jsファイルがロードされていたため、後続のコードがロードされず、エラーも表示されませんでした。

だから、これはそれを修正：new webpack.optimize.CommonsChunkPlugin('init')