@web-localstorage-plus/pinia NPM

@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()]
}