小编CVE*_*CVE的帖子

如何在 monorepo 中实时重新加载本地 npm 包?

我正在为 Vue 3(vite + ts)、云函数和共享库(共享函数和 ts 接口等)设置一个 monorepo 工作区。

我可以导入本地共享库文件夹来工作。我通过在我的共享库上执行 npm run build -- -- watch 来在我的前端项目中进行实时类型检查。

然而由于某种原因,除非我卸载然后安装共享库包,否则转换为 Javascript 的所有内容都不会更新。

例如:在共享库中创建 const 并不能使其在我导入共享库的前端/后端项目中可用。但是创建一个界面,就是这样。

我尝试了一些方法并搜索了互联网的大部分内容。我尝试使用 vite.config,因为我认为它可能会对包进行某种缓存。

现在,我的 vite.config.ts 如下所示:

import { defineConfig } from "vite"
import vue from "@vitejs/plugin-vue"

// https://vitejs.dev/config/
export default defineConfig({
  server: {
    host: true,
  },
  plugins: [vue()],
  resolve: {
    preserveSymlinks: true,
  },
  optimizeDeps: {
    include: ["shared-lib"],
  },
})
Run Code Online (Sandbox Code Playgroud)

这是我的共享库中的index.ts:

// this is not usable / doesn't update live.
export const sharedConst = () => console.log("testing shared functionality") …
Run Code Online (Sandbox Code Playgroud)

npm typescript monorepo npm-scripts vite

11
推荐指数
1
解决办法
4630
查看次数

标签 统计

monorepo ×1

npm ×1

npm-scripts ×1

typescript ×1

vite ×1