@web-localstorage-plus/pinia

为web-localstorage-plus增加pinia持久化存储能力

安装

yarn add web-localstorage-plus
yarn add @web-localstorage-plus/pinia

使用

接管pinia持久化

1.使用web-localstorage-plus初始化仓库

import createStorage from 'web-localstorage-plus';
createStorage({
    rootName: 'spp-storage',
});

2.为pinia设置持久化

import pinia from '@/store';
import setPiniaPersist from '@web-localstorage-plus/pinia';
setPiniaPersist(pinia);

设置热更新

• 在vite配置文件下导入并作为plugin使用

import { getPlugin } from '@web-localstorage-plus/pinia';
const piniaHmrPlugin = getPlugin('vite');
export default defineConfig({
    ...,
    plugins:[piniaHmrPlugin(resolve(__dirname, 'src/store'))]
})

• 在webpack的配置文件下导入并作为plugin使用

const { getPlugin } = require("@web-localstorage-plus/pinia")
const PiniaPlugin = getPlugin('webpack',resolve(__dirname, 'src/store'))
module.exports = {
    ...,
    plugins:[new PiniaPlugin()]
}

配置项

• persist:false

默认将pinia中的全部数据进行持久化存储，可以通过设置false禁用该行为

• persist配置项

1.paths

设置需要持久化存储的key

['spp','a.b.c']

2.key

存储的字段名称，默认是pinia的id