easy-team / easywebpack

A Simple, Powerful Webpack Front-End Development Solution
https://easyjs.cn/easywebpack
MIT License
481 stars 51 forks source link

使用image-webpack-loader替代imagemin-webpack-plugin #36

Open feix760 opened 6 years ago

feix760 commented 6 years ago

https://github.com/hubcarl/easywebpack/blob/2dcd953fc93d21d3aada028250c598b5729207e3/config/plugin.js#L205

小图片我们会使用url-loader让它直接base64,但有一些图片压缩前很大,imagemin之后很小,这些文件如果用imagemin-webpack-plugin它不会base64,因为loader在plugin之前执行,url-loader limit比较的是压缩前的大小,发布出去发现有很多小图片

可以这样:

    urlimage: {
      use: [
        {
          loader: 'url-loader',
          options: {
            limit: 1024 * 5,
            fallback: 'file-loader',
            // img output path
            name: `img/[name].[hash:8].[ext]`,
          },
        },
        {
          loader: 'image-webpack-loader',
        },
      ],
    },
hubcarl commented 6 years ago

这个可以考虑,目前你可以项目webpack.config.js 配置中可以直接这样覆盖配置