Question

我有一个main.js文件，我在其中导入所有其他js文件，但问题是导入文件中的脚本没有按照导入的相同顺序执行。

我的main.js看起来像这样：

     import * as libs from './libs.js';
     import * as utils from './utils.js';
     import * as slider from './slider.js';

但是在main.js中，在编译之后，滑块脚本在utils之前运行，所以在slider.js中没有utils

有没有办法设置导入文件的顺序？

我的文件内容是：

Utils.js：

         let Utils = Utils || {};

         (function($, window, document, app, undefined) {
         'use strict';

         app.isRwdSize = (size) => {
            return size.css('opacity') === 1;
          }

         })(jQuery, window, document, Utils);

slider.js：

          import * as utils from './utils.js';
           let Utils= Utils|| {};

           (function($, window, document, app, undefined) {
               'use strict';

                console.log(app); - shows empty object
           })(jQuery, window, document, Utils);

main.js：

       import * as libs from './libs.js';
       //import * as utils from './utils.js'; - tried here and in slider.js
       import * as slider from './slider.js';

提前感谢您的帮助 RAF

Answer 1

您

 var entity = entities.User_Account.Where(e = > e.Town_Id == id);

在模块化的JS世界中，

行没有意义。 let Utils = Utils || {};应该是已导入的模块。同样，作为包装器的Utils也不是您通常在模块中看到的东西。我希望你的文件沿着

行

utils.js：

(function($, window, document, app, undefined) {

slider.js：

export const isRwdSize = (size) => {
  return size.css('opacity') === 1;
};

main.js：

import * as Utils from './utils.js';

console.log(Utils);

JavaScript ES ^导入订单

1 个答案: