2017-05-09 1 views
0

Webpack (v2.5.1) 및 UglifyJsPlugin을 사용하여 환경 (개발/제작)에 따라 특정 파일 요구/가져 오기를 제거하고 싶습니다.죽은 웹팩 필요/가져 오기를 제거하는 방법은 무엇입니까?

지금까지 생산이 IMAGES.LOGO 키를 포함하지 않는 출력 된 자바 스크립트 파일을 작성 후 그 입수했습니다,하지만 필요한 images/logo.png 파일이 출력에 존재하는

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

현재 상황.

Webpack은 Uglify 이전에 파일을 확인한 후에 죽이기 코드 제거 이후 더 이상 어디에도 사용하지 않지만 나중에 파일을 유지한다는 직감이 있습니다.

달성 방법이 있습니까?

웹팩 플러그인 구성 웹팩 GitHub의의의 repo에 문제의

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

답변

0

, 죽은 코드 제거이 예에서 작동하지 않는 것을 이해했다. 다음과 같이 if 절로 더 간단하게 다시 작성하면 작동합니다.

export const IMAGES = { 
    PROFILE: require('images/profile.png'), 
    // ... 
}; 

if (process.env.NODE_ENV !== 'production') { 
IMAGES.LOGO = require('images/logo.png'); 
} 
관련 문제