（四）url-loader 打包图片

url-loader 文件和 file-loader类似， url-loader可以把图片以 base64 格式打包进 js 文件中，一版小于 1-2kb 大小的文件可以直接打包，减少请求，如果过大，打包进 js 文件会加大该文件得大小，导致加载时间过长。

设置url-loader 文件也和 file-loader类似：

module.exports = {
  module: {
    rules: [{
      test: /\.(png|jpg|gif)$/,
      use: { 
        loader: 'url-loader',  // file-loader    url-loader
        options: {
          // placeholder 占位符
          name: '[name]_[hash].[ext]',
          // 打包后路径
          outputPath: 'images/',  
          limit: 10240  // 小于该值 则直接打包进文件 否则生成独立文件          
        }
      }, 
    }]
  },
}

赏

支付宝打赏

微信打赏

欣赏此文，打赏一下

标签

参与社区