CJY0208 / react-activation

Hack <KeepAlive /> for React
https://www.npmjs.com/package/react-activation
MIT License
1.81k stars 141 forks source link

请问在vite里面能使用吗 #168

Closed SuperMrBean closed 2 years ago

SuperMrBean commented 2 years ago

想在vite里面使用,请问需要怎么配置呢

CJY0208 commented 2 years ago

1. 添加 vite babel 插件(可选项、建议)

import { defineConfig } from 'vite'
import reactNodeKey from 'react-node-key/vite';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    reactNodeKey()
  ]
})

2. 业务代码中用 es moudle 引入相关组件

import { AliveScope, KeepAlive } from 'react-activation'
jiachenyu1 commented 2 years ago

1. 添加 vite babel 插件(可选项、建议)

import { defineConfig } from 'vite'
import reactNodeKey from 'react-node-key/vite';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    reactNodeKey()
  ]
})

2. 业务代码中用 es moudle 引入相关组件

import { AliveScope, KeepAlive } from 'react-activation'

这个包是不是最新的没有发布 我安装完看没有 vite 目录

CJY0208 commented 2 years ago

试试 v0.3.2,补发了一个,之前确实漏掉了 vite 目录

CJY0208 commented 2 years ago

除了配置 vite plugins,还可以选择手动标记 KeepAlive 的 cacheKey 属性,参考此处