인프런 커뮤니티 질문&답변

salus82님의 프로필 이미지
salus82

작성한 질문수

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

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

작성

·

178

0

강사님 안녕하세요?

빌드에서 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가 없습니다. 코드 상에는 문제가 없는지 궁금합니다.

답변 2

1

salus82님의 프로필 이미지
salus82
질문자

네 강사님 코드 상 문제가 없어서, 뒷 단 오류들과 만나고 있습니다.

답변 감사드리고, 좋은 하루되세요.

김정환님의 프로필 이미지
김정환
지식공유자

뒤에서 만난 오류들이랑 씨름하고 계셨네요. 화이팅!

0

김정환님의 프로필 이미지
김정환
지식공유자

파일로더 설정에는 별다는 문제가 없어 보이네요.

참고로 여러 종류의 파일을 하나의 파일로더에 간편한 방법으로 설정할 수도 있어요. 

실행 결과가 예상하시는 것과 다르신것 같은데요. 예상하시는게 어떤건지 궁금합니다.

 

salus82님의 프로필 이미지
salus82

작성한 질문수

질문하기