uniapp setStorage 监控

uniapp 的 `setStorageSync` 和 `setStorage` 方法用于在本地存储（通常是指浏览器的localStorage或微信小程序的缓存）设置数据。如果你想监控这些存储操作，特别是在开发环境中，uniapp 提供了相应的调试手段。

首先，在Vue项目中，你可以使用官方提供的vue.config.js配置文件来自定义一些开发环境的钩子。在该配置文件中，可以添加一个函数来监听`storage`事件，每当有数据存储或更新时，这个函数会被触发。例如：

module.exports = {
  configureWebpack: {
    devtool: 'cheap-module-eval-source-map',
    // 添加自定义的钩子
    beforeBuild: (config) => {
      config.plugins.push({
        apply: (compiler) => {
          compiler.hooks.emit.tapAsync('uni-app-storage-monitor', (compilation, callback) => {
            compilation.warnings.forEach((warning) => {
              if (/\[HMR\] \[uni-app-storage\]/.test(warning.message)) {
                console.log(`Storage operation detected: ${warning.message}`);
              }
            });
            callback();
          });
        },
      });
    },
  },
};

然后，在代码中，当`setStorageSync`或`setStorage`运行时，如果开启了HMR（Hot Module Replacement，热模块替换），它会在控制台打印出警告信息，让你知道哪些数据被存储了。