Rails Webpacker - 如何从视图 [HTML 文件] 访问 webpack 入口文件中定义的对象

Question

我有一个 Rails 6 应用程序，并使用 Webpacker 作为资产。

我在文件中有以下代码app/javascript/packs/application.js：

export var Greeter = {
    hello: function() {
        console.log('hello');
    }
}

我的一个视图 (HTML) 文件中有以下脚本：

<script>
 $(document).ready(function(){
   Greeter.hello();
 });
</script>

注意：我正在使用 JQuery，它工作正常。

我收到以下错误：

未捕获的 ReferenceError: Greeter未定义。

我们如何使用libraryTarget和library公开捆绑的模块，以便也可以从 HTML 文件访问它？

或者，有没有其他方法可以使用 Rails Webpacker 做到这一点？

任何帮助将非常感激！

Answer 1

在 app/javascript/packs/application.js 中：

import Greeter from '../greeter.js'
Greeter.hello()

在 app/javascript/greeter.js 中：

export default {
  hello : function(){
    console.log('hello')
  }
}