1
Webpack 3을 설치하고 현재 src 폴더에서 my dist 폴더로 복사하려는 정적 이미지의 자산 관리를 구성하고 있습니다. dist 폴더에 복사 할 때 내 /img 폴더의 파일 구조를 그대로 유지하고 싶습니다. 그러나 실행중인 문제는 경로 자리 표시 자의 일부를 제거하려고하는 위치입니다. 내가 성취하려고하는 것이 가능한가? 다음과 같이webpack 파일 로더의 경로 부분 제거
내가 내 규칙이 :
{
test: /\.(png|jpe?g|gif|ico)$/,
use: [{
loader: 'file-loader',
options: {
name: '[path][name].[ext]?[hash]',
//outputPath: 'img/'
}
}]
}
을 그리고 그것은 문맥을 통해 내 진입 점 파일에서 이미지를 잡는 것 : 파일이 복사됩니다 그러나
require.context('./img/', true, /\.(png|jpe?g|gif|ico)$/);
, 이름의 일부로 [경로] 자리 표시자가 있으므로 파일은 /src/img/[name].[extension]?[hash]과 비슷합니다. 이미지의 일부가 /src/img/favicons/[name].[extension]?[hash] 같은 경로를 가지고 있고 dist 폴더가이 구조를 유지해야한다고 생각하기 때문에 나머지 경로는 그대로 유지하고 싶습니다. 코드에서 볼 수 있듯이 outputPath를 사용하려고 시도했지만 파일을 /img/src/img/[name].extension?[hash]으로 설정합니다. 나는 또한 publicPath 설정을 활용하려고 시도했지만 전혀 효과가없는 것처럼 보였다. 최종 목표는 위에서 언급 한 두 개의 파일에이 경로에 포함 된 파일 이름의 일부가 아닌 /src 부분이없는 것입니다.