반응로드 가능 이름 webpack 청크

Question

코드 분할을 가능하게하기 위해 반응로드 가능한 라이브러리를 성공적으로 추가했습니다. 발견 한 유일한 문제는 webpack에 의해 생성 된 청크 이름이 지정되지 않았으며 정수 이름이 주어졌습니다 . 반응-로드 가능한 사용

내 코드는 내가 웹팩 나는이 청크가 응용 프로그램의 이름 싶은 세에게 주석을 추가 한

const AppRootLoadable = Loadable({ 
    loader:() => import(/* webpackChunkName: "app" */ './App'), 
    loading:() => null, 
    render(loaded) { 
    const Component = loaded.default; 
    return <Component />; 
    }, 
}); 

입니다. 내가 잘못 했니?

Answer 1

4 일 후에 해결책을 찾았습니다. chunkFilename 줄을 webpack config에 추가해야했습니다.

output: { 
    path: path.join(__dirname, './../public'), 
    filename: 'bundle.js', 
    publicPath: '/', 
    chunkFilename: '[name].[chunkhash].js' 
}, 

그런 다음 작동합니다. 안에 찾았습니다. webpack github page