使用 SystemJS 加载 bootstrap-bundle

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 returns

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，其中 returns 完整文件。

我想加载 bootstrap-bundle.js，因为它包含我需要的一些 popper 功能。我需要做出哪些改变才能实现这一点？我看过文档，但 "getting started" 我真的不明白这里发生了什么。

Answer 1

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

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

使用 SystemJS 加载 bootstrap-bundle

Loading bootstrap-bundle with SystemJS

systemjs

aurelia

bootstrap-4