인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

Inflearn Community Q&A

salus827684's profile image
salus827684

asked

Understanding and Practice of Frontend Development Environment (webpack, babel, eslint..)

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

Written on

·

211

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

babel웹팩eslintnodejs

Answer 2

1

salus827684님의 프로필 이미지
salus827684
Questioner

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

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

jeonghwan님의 프로필 이미지
jeonghwan
Instructor

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

0

jeonghwan님의 프로필 이미지
jeonghwan
Instructor

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

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

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

 

salus827684's profile image
salus827684

asked

Ask a question