jquery - 如何使用 JSPM 填充 jQuery 插件？

Question

将现有项目移动到 jspm，我有一些自定义 jQuery 插件，例如

//  path/to/mycustomplugin.js

$.fn.myCustomPlugin = function (options) {
   //something here
};

也就是说，它没有以任何方式向 jspm 注册。我想我可以添加一个垫片:

// config.js
shim: {
  "packages": {
      "customplugin": {
          "main": "customplugin",
          "format": "global",
          "deps": ["jquery"],
          "exports": "$.myCustomPlugin"
      }
   }
},
map : {
   "customplugin" : "path/to/mycustomplugin"
}

然后在应用程序中导入:

import customplugin from "customplugin"

它不起作用 - 文件从未加载，并且

$(element).myCustomPlugin()

未定义。很难找到这方面的文档。

Answer 1

看来您使用了错误的垫片。请尝试以下操作:

{
  "jspm": {
    "dependencies": {
      "jquery": "npm:jquery@^2.2.0",
      (...)
    },
    "shim": {
      "custom-jquery": {
        "deps": ["jquery"],
        "exports": "$"
      }
    },
    (...)
  }
}

此外，在您的自定义插件中，不要忘记导入查询:

import $ from 'jquery';

$.fn.myCustomPlugin = function (options) {
  //something here
};