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.