ruby-on-rails - 如何在 Rails 6 中使用 Webpacker 跨多个客户端 JavaScript 文件共享变量和函数？

Question

Webpacker 是这样打包文件的

(function(module, exports) {

  function myFunction() {...}

这样做的结果是一个文件中的函数和变量不能从另一个文件中访问。或控制台。

解决这个问题的“rails 方法”是什么？

Answer 1

一旦您转移到 Webpacker，您就可以使用现代 ES6 编写 Javascript。这样，我们就可以在传统的 ES6 中导出和导入模块了。

例如:

// app/javascript/some_module.js

import moment from 'moment';

const SomeModule = {
  someMethod() {
    return someResult;
  }
};

export default SomeModule;

现在您可以将其导入另一个模块:

// app/javascript/another_module.js

import SomeModule from './some_module';

SomeModule.someMethod();

注意文件中的注释文件夹结构。