介绍

实用于vue和webpack的tinypng插件
npm地址

个性

本地建设缓存，依据记录判断资源是否产生扭转，未扭转时不会反复进行压缩，节约资源

应用

第一步： 设置key

第一种：创立 tinypng.js

门路为: {你的根目录}/tinypng.js

tinypng.js:

module.exports = {    key: "XXXX",};

第二种.set key in options.config

new tinypngPlugin({    config: {        key: "XXXX",    }})

• 优先级： config里的key会笼罩tinypng.js

第二步：加载插件

webpack

module.exports = {    plugins: [        new tinypngPlugin()    ]};

vue

configureWebpack: (config) => {    return {        plugins: [            new tinypngPlugin()        ]    }}

配置属性

config.key

tinypng的key

key:XXX,

use

是否启动插件

default: true

use: true/false,

reg

须要压缩资源后缀的正则效验

default: /.(png|jpe?g|bmp|gif)/i

reg: XXXX