WebpackプラグインdefinePluginとCommonsPlugin

Question

webpack（およびプロセスマネージャー）にはかなり新しいです。誰かが私を助けて、私はこれらの2つのプラグインについて説明していないので、誰かが私に助けてもらえますか？彼らは何をしていますか？彼らの目的は何ですか？

var definePlugin = new webpack.DefinePlugin({ 
    __DEV__: JSON.stringify(JSON.parse(process.env.BUILD_DEV || 'true')), 
    __PRERELEASE__: JSON.stringify(JSON.parse(process.env.BUILD_PRERELEASE || 'false')) 
}); 

var commonsPlugin = new webpack.optimize.CommonsChunkPlugin('common.js'); 

Answer 1

WebpackのDefinePluginは、webpackのコンパイル中にグローバル変数を挿入するために使用されます。私は__DEV__プロパティがプロジェクトでビルド環境（生産、テスト、開発など）を取得するために使用されていると推測しています。 __PRERELEASE__プロパティの場合も同じです。これらは、コンパイル時にWebpackによって使用されるカスタム変数です。

CommonsPluginは、コードを別々のファイルに分割するために使用されます（たとえば、app.js =カスタムコード、vendor.js =外部ライブラリ）。これは開発時に、デバッグ時に役立ちます。これは、自分のコードでエラーを探すときに.mapファイル内のすべてのライブラリを必要としないためです。