无法使用 Webpacker 转换特定的第三方 node_modules 脚本答案

【问题标题】：Unable to Transpile Specific Third-Party node_modules Scripts Using Webpacker无法使用 Webpacker 转换特定的第三方 node_modules 脚本
【发布时间】：2020-05-11 04:45:24
【问题描述】：

我正在使用 Rails 应用程序，使用 Webpacker 捆绑资产。我正在使用通过yarn 安装的特定库，其代码需要在我的项目中进行转译。我正在尝试通过修改我的 config/webpack/environment.js 文件中的 Webpack/babel-loader 忽略的路径来做到这一点。

const { environment } = require('@rails/webpacker');

// Ignore all node_modules packages EXCEPT `a-random-third-party-package`:
babelLoader.exclude = /node_modules\/(?!(a-random-third-party-package))/;

module.exports = environment;

不过，这不起作用。例如，第三方包中存在的 JavaScript 类和静态属性根本不会在我的包中进行转译。但是当我将相同的代码复制到我自己的 JS 文件中时，它会按预期进行转换。

我怎样才能让这个包按照我的意愿进行转换？

【问题讨论】：

标签： ruby-on-rails webpack babeljs webpacker

【解决方案1】：

解决了！我一直在使用yarn link 单独处理这个包并在这个 Rails 应用程序中测试它。无论出于何种原因，这都会干扰构建步骤，从而阻止它被正确转译。

如果您自己遇到此问题，请确认您的所有依赖项都不是 yarn link-ed，如果是，请运行 yarn unlink，以便您可以在本地测试 Webpacker 而不会出现问题。

【讨论】：