将js文件导入webpack应用程序js

Question

我有ruby项目，我添加了typescript和webpacker

我写过打字稿并制作rake assets:tsc。所以它将ts代码编译为js。

现在我在文件夹`app / assets / javascripts / generated / welcome.js中有welcome.js

这是welcome.js的代码

 var HelloWorld = /** @class */ (function () {
    function HelloWorld(name) {
        this.name = name;
    }
    HelloWorld.prototype.print = function () {
        alert("Hello World, " + this.name + "!");
    };
    return HelloWorld;
}());
new HelloWorld('John Doe').print();
//# sourceMappingURL=welcome.js.map

我需要将它导入到webpacker application.js中。我找不到任何教程如何在ruby on rails上执行此操作。

我怎么能解决这个问题？

UPDATE

我试着写在qazxsw poi

welcome.js

并在export default HelloWorld; 写了application.js

并在控制台中获取此信息

未捕获错误：无法在Object中找到“生成”模块。 （application.js：1）at webpack_require（bootstrap 24a076357adc3b41e79b：19）at Object.defineProperty.value（bootstrap 24a076357adc3b41e79b：62）at bootstrap 24a076357adc3b41e79b：62

Answer 1

在import HelloWorld from 'generated'里面是application.js吗？如果是这样你应该写：

/app/javascripts/packs

在import { HelloWorld } from 'generated/welcome' 的顶部，您可以将其包含在您的布局中：

application.js

我在我的JS类中使用这种语法：

<%= javascript_pack_tag 'application' %>

虽然您可能需要不同的类/函数名称。