Browserify - 在 package.json 中转换在符号链接模块中不起作用在 npm3 中

Browserify - transform in package.json on symlinked modules not working in npm3

本文关键字：模块 不起作用 npm3 符号链接 转换 package json Browserify      更新时间：2023-09-26

环境： node@5.70 npm@3.75 browserify@13.0.0 babelify@7.2.0

尝试构建一个适用于npm@2和babelify@6的应用程序，但在升级到 npm@3 和 babelify@7 时遇到问题。请允许我尝试解释这个问题。

  • app/node_modules我通过npm install安装了模块，并通过npm link符号链接了本地模块。

  • 本地模块在其package.json中指定了浏览器化转换，例如 -

}, "devDependencies": { "babel-preset-es2015": "^6.5.0", "babelify": "^7.2.0" }, "browserify": { "transform": [ [ "babelify", { "presets": [ "es2015" ] } ] ] }

尝试构建时出现错误：

"Browserify Error: Couldn't find preset "es2015" relative to directory"

npm 3 已经扁平化了依赖树，因此符号链接模块需要babel-preset-es2015在 app 的node_modules中。根据这里@substack和这里的例子的解释，browserify 应该从符号链接模块向上走app并检查那里的node_modules，但它似乎没有这样做。

我的目录布局如下所示：

~/projects |-- app |-- entry.js (this file can see babel-preset just fine) |-- node_modules |-- babel-preset-es2015 |-- my-module (symlink pointing at ~/projects/modules-shared/my-module) |-- index.js (we want babelify to transform this file) |-- modules-shared |-- my-module

如果我在modules-shared文件夹中安装babel-preset-es2015，浏览器会找到预设。

回到这个我有点忽略的问题。这个问题很难解决，因为它与所用工具的两个不同特性有关。

首先，Browserify不会像它应该的那样对待符号链接。它不是将符号链接的 npm 模块视为处于其符号链接位置，而是在文件系统中获取其实际位置，因此无法在 npm3 的平面文件树下找到其依赖项。

其次，Babel 要求其依赖项位于相关模块的node_modules中，这实际上是对 npm2 嵌套文件树系统的硬依赖。

因此，出于同样的原因，我们有两个不同的问题 - npm3 改变了node_modules的组织方式。

我能找到的最好的解决方法是编写一个自定义脚本，该脚本仅安装任何符号链接模块的 babel 依赖项。您可能认为只安装符号链接模块的所有依赖项是个好主意，但这会导致 Browserized 捆绑包中的重复实例，从而导致各种微妙的、难以理解的错误。

浏览器化问题可能可以通过这个转换 realpathify 来解决，但至于 Babel 的问题，我没有看到任何解决方案的动向。

相关文章：