JSPM Bootstrap 4没有抓取scss文件夹

Question

我正在尝试使用JSPM来安装Bootstrap 4 Alpha。 https://github.com/twbs/bootstrap/tree/v4.0.0-alpha.2

我希望能够抓住该页面上的所有内容。如果我npm install bootstrap@4.0.0-alpha.2我能够获取scss文件夹及其内容。

但是如果我jspm install bootstrap=npm:bootstrap@4.0.0-alpha.2我只会得到：

我不太确定如何让jspm抓取scss文件夹及其内容。我也不确定为什么它没有抓住它。

Answer 1

Bootstrap的package.json包含以下jspm config：

"jspm": {
  "dependencies": {
    "jquery": "*"
  },
  "directories": {
    "lib": "dist"
  },
  "ignore": [
    "dist/js/npm"
  ],
  "main": "js/bootstrap",
  "shim": {
    "js/bootstrap": {
      "deps": [
        "jquery"
      ],
      "exports": "$"
    }
  }
},

正如您所看到的，它定义了对于jspm，只有dist文件夹很重要。因此，jspm忽略了其余部分。

您需要创建文档中描述的覆盖，以便更改directories.lib设置和其他相关选项，例如main：

https://github.com/jspm/registry/wiki/Configuring-Packages-for-jspm#testing-configuration

Upd，完整的命令会显示：

 jspm install npm:bootstrap@4.0.0-alpha.2 -o "{\"dependencies\": {  \"jquery\": \"*\" }, \"directories\": {  \"lib\": \".\" }, \"ignore\": [  \"dist/js/npm\" ], \"main\": \"dist/js/bootstrap\", \"shim\": {  \"dist/js/bootstrap\": {   \"deps\": [    \"jquery\"   ],   \"exports\": \"$\"  } }}"