requirejs blueimp fileuploader只加载min.js文件和让利 [英] requirejs blueimp fileuploader only loads min.js files and none other

问题描述

所以我是一个noobie到requirejs和骨干的，但我想在所有依赖的blueimp文件上传加载我的本地机器上，而不是加载任何外部脚本。这里是我的config.js文件：

  //设置您的应用程序require.js配置。
require.config（{  //初始化与主应用程序文件的应用程序。
  DEPS：主]  路径：{
    // JavaScript的文件夹。
    林达：../assets/js/libs
    插件：../assets/js/plugins
    供应商：../assets/vendor
    API：../assets/js/libs/api    //库。
    jQuery的：../assets/js/libs/jquery
    jQueryUI的：../assets/js/libs/jquery-ui
    lodash：../assets/js/libs/lodash
    主干网：../assets/js/libs/backbone
    车把：../assets/js/libs/handlebars
    引导：../assets/js/libs/bootstrap
    jqueryuiwidget：../assets/js/libs/jquery.ui.widget'，
    jstemplates：../assets/js/libs/tmpl.min'，
    jsloadimage：../assets/js/libs/load-image.min'，
    jscanvastoblob：../assets/js/libs/canvas-to-blob.min'，
    iframetransport：../assets/js/libs/jquery.iframe-transport'，
    文件上传：'../assets/js/libs/jquery.fileupload'，
    fileuploadfp：../assets/js/libs/jquery.fileupload-fp'，
    fileuploadui：../assets/js/libs/jquery.fileupload-ui
  }，  垫片：{
    //骨干库依赖于lodash和jQuery。
    主干：{
      DEPS：[lodash，jquery的，j​​QueryUI的，API，'jqueryuiwidget'，'jstemplates'，'jsloadimage'，'jscanvastoblob'，'iframetransport'，'文件上传，fileuploadfp'，'fileuploadui' ]
      出口：脊梁
    }，    车把：{
        附：把手
    }，    API：{
        附：API
    }，    引导：{
      DEPS：jQuery的]
    }，    // Backbone.LayoutManager取决于骨干。
    插件/ backbone.layoutmanager：脊梁]
  }}）;
 

我知道我不应该把所有的其他文件作为依赖骨干，但我只是试图去加载的东西。

会发生什么，它加载没有任何错误，但是当我看着网页，只加载帆布到blob.min.js，负载image.min.js和tmpl.min.js.

任何思考这可能是为什么？这是奇怪，因为例如，如果我改变对其他文件的一个路径是错误的，事情会抛出和错误和如果试图加载失败。但是当其在正确的道路，它只是不加载...

解决方案

 垫片：{主干：{
  DEPS：lodash，jQuery的]，
  出口：脊梁
}，引导：{DEPS：jQuery的]}，
小工具：{DEPS：jQuery的]}，//骨干插件
插件/ backbone.layoutmanager：[脊梁]
LIB / jquery.fileupload：jQuery的，小部件]
LIB / jquery.fileupload-FP：jQuery的，LIB /加载图像，LIB /帆布到一滴
LIB / jquery.fileupload]，
LIB / jquery.fileupload-UI：[jquery的，LIB / TMPL，LIB /负载图像，
LIB / jquery.fileupload-FP]
}
 

和您必须更换由配置路径变量路径在定义[]所有的组成部分JS文件
我也做了同样的，它是为我工作。

so I'm a noobie to requirejs and backbone, but I'm trying to load in all the dependencies for blueimp file uploader on my local machine and not load any external scripts. here is my config.js file:

// Set the require.js configuration for your application.
require.config({

  // Initialize the application with the main application file.
  deps: ["main"],

  paths: {
    // JavaScript folders.
    libs: "../assets/js/libs",
    plugins: "../assets/js/plugins",
    vendor: "../assets/vendor",
    api : "../assets/js/libs/api",

    // Libraries.
    jquery: "../assets/js/libs/jquery",
    jqueryui: "../assets/js/libs/jquery-ui",
    lodash: "../assets/js/libs/lodash",
    backbone: "../assets/js/libs/backbone",
    handlebars: "../assets/js/libs/handlebars",
    bootstrap : "../assets/js/libs/bootstrap",
    jqueryuiwidget : '../assets/js/libs/jquery.ui.widget',
    jstemplates : '../assets/js/libs/tmpl.min',
    jsloadimage : '../assets/js/libs/load-image.min',
    jscanvastoblob : '../assets/js/libs/canvas-to-blob.min',
    iframetransport : '../assets/js/libs/jquery.iframe-transport',
    fileupload : '../assets/js/libs/jquery.fileupload',
    fileuploadfp : '../assets/js/libs/jquery.fileupload-fp',
    fileuploadui : '../assets/js/libs/jquery.fileupload-ui'
  },

  shim: {
    // Backbone library depends on lodash and jQuery.
    backbone: {
      deps: ["lodash", "jquery", "jqueryui", "api", 'jqueryuiwidget', 'jstemplates', 'jsloadimage', 'jscanvastoblob', 'iframetransport', 'fileupload', 'fileuploadfp', 'fileuploadui'],
      exports: "Backbone"
    },

    handlebars : {
        attach: "Handlebars"
    },

    api : {
        attach : "api"
    },

    bootstrap: {
      deps: ["jquery"]
    },

    // Backbone.LayoutManager depends on Backbone.
    "plugins/backbone.layoutmanager": ["backbone"]
  }

});

i know I'm not supposed to put all those other files as dependencies for backbone, but I'm just trying to get the thing to load.

what happens is, it loads without any errors, but when I look at the page it only has loaded canvas-to-blob.min.js, load-image.min.js, and tmpl.min.js.

Any thoughts why this might be? It's weird because for example if i change the path on one of the other files to be wrong, the thing will throw and error and fail as if its trying to load it. but when its the right path, it just doesn't load...

解决方案

shim: {

backbone: {
  deps: ["lodash", "jquery"],
  exports: "Backbone"
},

bootstrap: { deps: ["jquery"] },
widget: { deps: ["jquery"] },

// backbone plugins
"plugins/backbone.layoutmanager": ["backbone"], 
"lib/jquery.fileupload": ["jquery", "widget"],
"lib/jquery.fileupload-fp": ["jquery", "lib/load-image", "lib/canvas-to-blob",        
"lib/jquery.fileupload"],
"lib/jquery.fileupload-ui": ["jquery", "lib/tmpl", "lib/load-image",  
"lib/jquery.fileupload-fp"]
}

And you have to replace paths by path variables from config in define[] part of all js files I have done the same and it is working for me.

这篇关于requirejs blueimp fileuploader只加载min.js文件和让利的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！