webpack打包图片

在项目中使用图片方式有

 1）在js中创建图片来了引入

2）在css中引入background:url('')

3)<img src=''>

• 安装插件

•  npm install file-loader --save-dev
•  npm install url-loader --save-dev

module.exports = {
  module: {
    rules: [
      {
        test: /\.(png|jpg|gif)$/i,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 8192,//当图片小于8k,用base64来转化图片
              outputPath:'img/'//图片打包后的输出路径
            },
          },
        ],
      },
    ],
  },
};