死んだウェブパックの所要量/輸入量を排除するには？

Question

Webpack（v2.5.1）とUglifyJsPluginを使用して、環境（開発/生産）に応じて特定のファイルrequire/importsを削除します。

現状

export const IMAGES = Object.assign(
    { 
    PROFILE: require('images/profile.png'), 
    // ... 
    }, 
    process.env.NODE_ENV !== 'production' && {'LOGO': require('images/logo.png')} 
); 

私はこれまで、製造後に出力のJavascriptファイルを構築することをIMAGES.LOGOキーが含まれていない得ているが、必要なimages/logo.pngファイルが出力に存在しています。

私は、WebpackがUglifyの前にファイルを解決し、後でそれを保持することに気をつけていますが、デッドコードの消去後にはもうどこでも使用されません。

これを達成する方法はありますか？問題の

WebPACKのプラグインの設定

new webpack.DefinePlugin({ 
    'process.env.NODE_ENV': JSON.stringify('production') 
}), 
new webpack.optimize.UglifyJsPlugin({ 
    comments: false, 
    sourceMap: true 
}) 

Answer 1

WebPACKのGitHubのレポに、デッドコードの除去は、この例では動作しないことを理解しました。これは、次のようにif句でより簡単に書き直すと機能します。