Question

我遇到一个问题，我无法加载我想要的javascript文件而不是默认文件。该应用程序使用的是jspm，在我的system.js文件中，我一直在关注（缩小为我认为重要的内容）。

System.config({
  defaultJSExtensions: true,
  transpiler: false,
  paths: {
    "*": "dist/*",
    "github:*": "jspm_packages/github/*",
    "npm:*": "jspm_packages/npm/*"
  },
  meta: {
    "bootstrap": {
      "deps": [
        "jquery"
      ]
    }
  },
  map: {
    //lots of things omitted
    "bootstrap": "npm:bootstrap@4.0.0",
    "npm:bootstrap@4.0.0": {
       "jquery": "npm:jquery@3.2.1",
       "tether": "github:HubSpot/tether@1.4.3"
     },
  }
}

这似乎加载导致GET到http://localhost:9000/jspm_packages/npm/bootstrap@4.0.0.js返回

module.exports = require("npm:bootstrap@4.0.0/dist/js/bootstrap");

，然后将后续请求发送到http://localhost:9000/jspm_packages/npm/bootstrap@4.0.0/dist/js/bootstrap.js，该请求将返回完整文件。

我想加载bootstrap-bundle.js，因为它包含我需要的一些popper功能。为此，我需要进行哪些更改？我看过文档，但是除了“入门”之外，我真的不了解这里发生了什么。

Answer 1

您可以使用以下设置覆盖软件包的默认分布式.js文件

System.config({
    map: {
        "bootstrap": "node_modules/bootstrap/dist/js/bootstrap.bundle.js"
    }
});

使用SystemJS加载bootstrap-bundle

1 个答案: