Question

我尝试根据数据属性动态加载自定义模块。它几乎完美地工作但由于某些原因我的模块被调用了两次不同的路径，我无法理解为什么。

我的项目结构如下：

+ Assets
    + js
        • main.js
        + libs
        + modules
            • mod.env.js
            • mod.utils.js
            • mod.session.js
        + plugins
        + views
            • signup.js
            • login.js
            • home.js

在我的main.js文件中，我有一些基本配置：

require.config({
    baseUrl: '/Assets/js',

    paths: {
        // Libs
        'jquery'    : 'libs/jquery/jquery-2.0.3.min',

        // Module for the project
        'env':           'modules/atmco.env',
        'utils':         'modules/atmco.utils',
        'session':       'modules/atmco.session'
    }
});

仍然在main.js文件中，我为模块的条件加载提供了逻辑：

require(['require', 'jquery','env'],
  function ( require, $, env ) {
      'use strict';

      function init() {
          // Grab the modules/pages on the data attribute of the body
          var modules = $('body').data('modules') || '';
          var pages = $('body').data('page') || '';

          // Initialize the environment stuff for your project
          env.initEnv();

          if ( pages ) {
              require(['./views/' + pages.toLowerCase().split(/\s*,\s*/)[0]]);
          }
      }

      // Initialize the application when the dom is ready
      $(function () {
          init();
      });
  }
);

我的页面具有正确的属性（<body data-page="Signup" data-module="">），但由于某些原因，requirejs尝试调用2个不同的文件： requirejs error

按预期调用自定义模块＆＃34; /资产/ JS /的视图 /signup.js"
然后它试图调用＆＃34; /Assets/js/signup.js"哪个不存在

最后，我们来看看如何定义自定义模块，包括自定义名称。这似乎很基本：

define('view/signup',
    ['utils'],
    function ( utils ) {
        console.log('my module' + utils.lang );

        return {
        };
    }
);

如果有人能指出我的错误，那将真正帮助我使用我的应用并更好地了解requirejs的工作原理。非常感谢！

Answer 1

找到解决方案：

模块的命名（或实际命名）实际上是模糊了模块定义。因此我只需要将代码调整为：

define(
    ['utils'],
    function ( utils ) {
        console.log('my module' + utils.lang );

        return {
        };
    }
);

这个问题确实帮我搞清楚了： Requirejs function in define not executed

requirejs动态调用自定义模块

1 个答案: