javascript - 将js文件导入到webpack应用程序js中

Question

我有 ruby​​ 项目，我在其中添加了 typescript 和 webpacker

我已经编写了 typescript 并制作了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 上执行此操作。

我该如何解决这个问题？

更新

我尝试用welcome.js编写

export default HelloWorld;

并在application.js中写入import HelloWorld from ' generated'

并在控制台中获取它

Uncaught Error: Cannot find module "generated" at Object. (application.js:1) at webpack_require (bootstrap 24a076357adc3b41e79b:19) at Object.defineProperty.value (bootstrap 24a076357adc3b41e79b:62) at bootstrap 24a076357adc3b41e79b:62

Answer 1

application.js 是否在 /app/javascripts/packs 内？如果是这样你应该能够写:

import { HelloWorld } from 'generated/welcome'

在 application.js 的顶部，然后您可以将其包含在您的布局中:

<%= javascript_pack_tag 'application' %>

我在 JS 类中使用此语法:

export class HelloWorld { var HelloWorld = /** @class */ (function () { ...} }

尽管您可能需要不同的类/函数名称。