nokey-tinypng-webpack-loader
运用tinypng的能力,模拟浏览器的上传和下载功能对本地图片进行压缩处理,需要配合url-loader进行处理
Install
$ npm i nokey-tinypng-webpack-loader --save-dev
或者
$ yarn add nokey-tinypng-webpack-loader -D
Usage
本loader主要是在url-loader之前对图片资源进行压缩优化的解决方案,所以配合url-loader使用能达到最佳效果
const nokey_tinypng_loader = require;const url_loader = require;// ... other confmodule: rules: test: /\.jpe?g$/ /\.png$/ use: loader: url_loader options: limit: 1000 loader: nokey_tinypng_loader option: cacheFileName: '.tiny.cache.json'
Options
cacheFileName
type: String
Default: .tiny.cache.json
用于缓存已压缩过的文件的Map文件(会在项目根目录下生成该文件,建议将该文件与项目代码一起提交)