Webpack : 파일 로더에서 svg를로드 할 수 있습니까? 그렇다면 어떻게?

Question

webpack을 사용하여 file-loader을 통해 내 svg를로드하려고합니다. 이것은 가능합니다. 그렇다면 어떻게해야합니까?

내가 비슷한 문제가 있었다

test: /\.(jpe?g|png|gif|svg)$/i, 
use: [ 
    { 
    loader: 'file-loader', 
    options: { 
     name:'[name].[ext]', 
     outputPath: 'img/', 
     publicPath: '../', 
    } 
    } 
] 

Answer 1

내 잘못을 발견했습니다. 결코 프로젝트에서 svg를 사용하지 않았기 때문에 그것이 컴파일되지 않았기 때문입니다. 이제 파일 로더가 내 svg도 컴파일합니다.

Answer 2

webpack.config.js. 그냥 svg를 html로 가져온 다음 구성 요소로 템플릿에 삽입합니다. 나를 위해 완벽하게 일했습니다.