파일 로더 이미지 전체 경로

Question

어떻게 파일 로더를 사용하여 전체 이미지 경로를 저장할 수 있습니까?

내 로더 CFG

test: /\.(png|jpe?g|gif|ico)$/, 
    use: [ 'file-loader?name=[name].[ext]&outputPath=images/' ] 

IMG 경로 내가 use: [ 'file-loader?name=[path][name].[ext] ]

로 변경하려고하지만 생산 dist/src/images/1.jpg 및 dist/src/images/section/2.jpg

에있어 dist/images/1.jpg 및

dist/images/2.jpg를 얻을 생산에 src/images/1.jpg and src/images/section/2.jpg

로더 설정을 생산 제품인 dist/images/1.jpg 및 dist/images/section/2.jpg으로 변경하려면 어떻게해야합니까?

"file-loader": "^0.11.2" 
"webpack": "^3.5.5" 

감사

Answer 1

[path] placeholder 컨텍스트에 대한 상대 경로이다. 기본값은 프로젝트의 루트입니다. 구체적으로 웹 팩을 실행하는 디렉토리입니다 (context option을 구성하지 않은 경우).

file-loader 자체도 context option을 허용하며 주어진 규칙에 대해서만 해당 동작을 변경할 수 있습니다. 귀하의 경우에는 src으로 설정하십시오.

{ 
    test: /\.(png|jpe?g|gif|ico)$/, 
    use: [ 
    { 
     loader: 'file-loader', 
     options: { 
     name: '[path][name].[ext]', 
     context: 'src' 
     } 
    } 
    ] 
}