介绍

实用于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