Question

我有一个项目，我正在使用RequireJS和jquery-mobile。我试图运行r.js来编译整个项目，但似乎在编译过程中忽略了jquery-mobile。

我意识到CDN是大多数项目的一个选项，这个项目是内部的，可能没有网络连接，因此它不是真正的选择。

这是我的主配置文件：

require.config({
  baseUrl: "js",
  paths: {
    "backbone": "vendor/backbone-amd/backbone",
    "jquery": "vendor/jquery/jquery",
    "jquery-mobile": "vendor/jquery-mobile-compiled/jquery-mobile",
    "waypoints": "vendor/jquery-waypoints/waypoints",
    "modernizr": "vendor/modernizr/modernizr",
    "requirejs": "vendor/requirejs/require",
    "underscore": "vendor/underscore-amd/underscore",
    "text": "vendor/requirejs-text/text",
    "handlebars": "vendor/handlebars.js/handlebars"
  },
  shim: {
    "handlebars": {
      exports: "Handlebars"
    },
    "modernizr": {
      exports: "Modernizr"
    }
  }
});


// Includes File Dependencies
require([ "jquery", "backbone", "router/mobileRouter", "modernizr" ], function ($, Backbone, MobileRouter, Modernizr) {

  $(document).on("mobileinit",
    // Set up the "mobileinit" handler before requiring jQuery Mobile's module
    function () {
      // Prevents all anchor click handling including the addition of active button state and alternate link bluring.
      $.mobile.linkBindingEnabled = false;

      // Disabling this will prevent jQuery Mobile from handling hash changes
      $.mobile.hashListeningEnabled = false;
    }
  );

  if(Modernizr.touch) {
    $(document).on("click", function(event) {
      event.preventDefault();
    });
  }

  require([ "jquery-mobile" ], function () {
    // Instantiates a new Backbone.js Mobile Router
    this.router = new MobileRouter();
  });
});

这基本上是jquery-mobile附带的示例的精确副本。但是你可以看到我在路径中有“jquery-mobile”，它位于底部附近的嵌套需求中。

我的app.build.js看起来像这样：

({
  "appDir": "../",
  "baseUrl":"js",
  "dir":"../../dist",
  "mainConfigFile": "../js/main.js",
  "modules": [
    {
      "name": "main"
    }
  ],
  "skipDirOptimize": true,
  "optimizeCss": "standard"
})

运行以下命令后：

r.js -o app/build/app.build.js

我发现除了jquery-mobile.js之外，所有内容都被包含在main.js中。当我点击已编译的网站时，我发现唯一被提取的JS文件是：requirejs.js，main.js和jquery-mobile.js。

为什么jquery-mobile不会像其他脚本一样被缩小？

r.js没有缩小jquery mobile

0 个答案: