javascript - Vue - 调试第三方打字稿应用程序

Question

我目前正在使用 typescript 重写 vue.js 的现有组件。现在，当我在调试它时将模块集成到我的应用程序中时，我陷入了困境。

在能够重写 rollup.config.js 以在 typescript 中构建组件之后，我遇到了一些问题，我想在浏览器中调试模块。现在我的主要问题是我不能只将应用程序克隆到我的应用程序并在那里编译，因为路径映射将关闭（@ off 第三方模块在这种情况下将指向其他内容，因为它会仅在组件中）

但是，如果我只是将它发布为 beta 并将其安装为普通的 npm 模块，webpack 将不会提供 .vue 文件，而只会提供我的 dist 文件夹中的 js 文件。

现在我一直在尝试很多不同的东西（克隆到 node_modules，使用 npm 安装，包括来自 npm 而不是 dist 的 src，这将运行与将其克隆到我的项目等相同的问题）。我现在很困。现在我的问题是

如何在浏览器中使用 webpack 调试第三方 typescript vue 组件？

标签： javascripttypescriptvue.jsdebuggingnpm