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
}

 

转载于:https://www.cnblogs.com/aloehui/p/9673683.html