빌드에서 svg만 되고 png와 ttf는 안되어서 문의드립니다.

Question

강사님 안녕하세요? 빌드에서 svg만 되고 png와 ttf는 안되어서 문의드립니다.   해당 코드 입니다.       {         test: / \. png ? $ / ,         use: [           {             loader: 'file-loader' ,             options: {               name: 'images/[name].[ext]?[hash]' ,             }           },         ],       },       {         test: / \. svg ? $ / ,         use: [           {             loader: 'file-loader' ,             options: {               name: 'images/[name].[ext]?[hash]' ,             }           },         ],       },       {         test: / \. ttf ? $ / ,         use: [           {             loader: 'file-loader' ,             options: {               name: 'images/[name].[ext]?[hash]' ,             }           },         ],     },   제가 예상되는 것은 코드 문제가 없다면, svg는 index.ts같은 폴더 내에 존재, png는 리소스와 index.ts가 다른 폴더에 존재, ttf는 index.ts가 없습니다. 코드 상에는 문제가 없는지 궁금합니다.

salus82 · Answer

네 강사님 코드 상 문제가 없어서, 뒷 단 오류들과 만나고 있습니다. 답변 감사드리고, 좋은 하루되세요.

jeonghwan · Answer

파일로더 설정에는 별다는 문제가 없어 보이네요. 참고로 여러 종류의 파일을 하나의 파일로더에 간편한 방법으로 설정할 수도 있어요.  https://v4.webpack.js.org/loaders/file-loader/#string 실행 결과가 예상하시는 것과 다르신것 같은데요. 예상하시는게 어떤건지 궁금합니다.