CODEWITHSUNDEEP
twitter-bootstrapjspm
allencoded
allencoded

Reputation: 7275

JSPM Bootstrap 4 isn't grabbing scss folder

I am trying to use JSPM to install Bootstrap 4 Alpha. https://github.com/twbs/bootstrap/tree/v4.0.0-alpha.2

I want to be able to grab everything on that page. If I do npm install [email protected] I am able to get the scss folder and its contents.

NPM

However if I do jspm install bootstrap=npm:[email protected] I only get:

JSPM

I am not quite sure how to make jspm grab the scss folder and its contents. Nor am I sure why it isn't grabbing it.

Upvotes: 1

Views: 190

Answers (1)

Alex Rudenko
Alex Rudenko

Reputation: 2076

Bootstrap's package.json contains the following jspm config:

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

As you can see it defines that for jspm only the dist folder is important. Therefore, jspm ignores the rest.

You need to create an override like it is described in the docs in order to change the directories.lib setting and other related options like main:

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

Upd, the full command would look:

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

Upvotes: 2

Related Questions