Webpack如何打包html图片

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/csdnlinyongsheng/article/details/83309986

1.安装npm i -D html-loader 和 npm install url-loader --save-dev;

2.在webpack.config.js里的module模块引入如下代码：

{
                test: /\.(png|svg|jpg|gif)$/i,
                loaders: [
                    'url-loader?limit=100000&name=images/[name].[ext]'//指定图片存放位置
                ]
            },
            {
                  test: /\.(html)$/,
                  use: {
                   loader: 'html-loader',
                   options: {
                         attrs: ['img:src', 'img:data-src', 'audio:src']//html图片输出
                         // minimize:true
                   }
                  }
            }