webpack配置使用gif动图

1. 下载npm包: npm install url-loader --save-dev

2. webpack.config.js中module  -> rules里添加：

 {

        test: /\.(png|jpg|ico|gif)$/i,

        loader: require.resolve('url-loader'),

        options: {

          limit: 10000,

          name: 'static/media/[name].[hash:8].[ext]',

        },

 },

3. 如果是使用ts，那么在src下的index.d.ts 中要声明模块，不然引用可能会出现找不到模块错误

/// <reference types="react" />

/// <reference types="moment" />

declare module '*.gif' {

  const value: string

  export default value

}