Javascript plugins aren't included in main.js file

sage
1

I’ve been trying out sage for a recent project and I’ve been having some trouble getting third party javascript plugins into my pipeline. For example, I am attempting to add BigVideo.js to my project. So I ran bower install --save BigVideo.js followed by gulp.

If I understand correctly, BigVideo.js and its dependencies should now be included in the main.js file, but they are not.

bower.json:

{
  "name": "sage",
  "homepage": "https://roots.io/sage/",
  "authors": [
    "Ben Word <ben@benword.com>"
  ],
  "license": "MIT",
  "private": true,
  "dependencies": {
    "modernizr": "2.8.2",
    "jquery": "1.11.2",
    "normalize.css": "~3.0.3",
    "BigVideo.js": "~1.1.5"
  },
  "overrides": {
    "modernizr": {
      "main": "./modernizr.js"
    }
  }
}

manifest.json:

{
  "dependencies": {
    "main.js": {
      "files": [
        "scripts/main.js"
      ],
      "main": true
    },
    "main.css": {
      "files": [
        "styles/main.scss"
      ],
      "main": true
    },
    "editor-style.css": {
      "files": [
        "styles/editor-style.scss"
      ]
    },
    "jquery.js": {
      "bower": ["jquery"]
    },
    "modernizr.js": {
      "bower": ["modernizr"]
    }
  },
  "config": {
    "devUrl": "http://mydevurl.dev"
  }
}

I have purchased and viewed the screencast which was very helpful, but unfortunately it doesn’t cover this specific issue. Any help would be greatly appreciated.

2

The problem with the BigVideo.js package is that it’s main bower file, lib/bigvideo.js, doesn’t include the dependencies it requires.

Normally, packages define main files with files that are already built with the necessary deps.

Their README states:

You will also need the dependencies:

jQuery 1.7.2 or higher
jQuery UI slider 1.8.22 or higher
Video.js 3.2 or higher
imagesloaded 2.1.1 or higher