使用 ES6 模块和 ruby on Rails 的资产管道

发布于 2025-01-13 01:52:18 字数 878 浏览 3 评论 0原文

我正在将旧的基于函数的语法 Javascript 转换为 ES6 类。以前的代码是这样的：

var SW;
if(SW.app === undefined) SW.app = {};
SW.app.NullLicense = (function () {
    "use strict";

    var NullLicense;
    NullLicense = function () { };
    NullLicense.prototype.handleLicense = function () {
        var t1 = new SW.app.Utility();
        return t1;
    };
    return NullLicense;
}());

现在使用 ES6 模块，代码是这样的

import {Utility} from './Utility.js'
export class NullLicense  {
    "use strict";
    constructor(){ };
   handleLicense  () {
        var t1 = new Utility();
        return t1;
    }
};

由于以前每个模块都连接到全局 SW 变量，所以我们不必担心依赖关系问题。在 app/asset 中，我们有清单文件 application.js 。它加载代码库中的所有 js 文件。现在，由于我们在每个文件中都有 export 和 import 命令，我收到此错误，导出声明可能只出现在模块的顶层 。我想知道解决这个问题的方法是什么。

谢谢

原文

I am converting old functional-based syntax Javascript to ES6 classes .
Previously code was like this :

var SW;
if(SW.app === undefined) SW.app = {};
SW.app.NullLicense = (function () {
    "use strict";

    var NullLicense;
    NullLicense = function () { };
    NullLicense.prototype.handleLicense = function () {
        var t1 = new SW.app.Utility();
        return t1;
    };
    return NullLicense;
}());

Now with ES6 modules the code is like this

import {Utility} from './Utility.js'
export class NullLicense  {
    "use strict";
    constructor(){ };
   handleLicense  () {
        var t1 = new Utility();
        return t1;
    }
};

Since previously every module was concatenated to global SW variable we didn't have to worry about the dependencies issue.
In app/asset we have our manifest file application.js . It loads all the js files in the code base. Now since we have export and import commands in every file , I am getting this error that export declarations may only appear at top level of a module.
I want to know what can be the workaround for this .

Thanks

分享到QQ

分享到微博