<p>You would need to define them in <a href="https://github.com/spoeken/gulp-craftcms/blob/master/gulpfile.js#L97" rel="nofollow noreferrer">the Gulp file build uglify task</a>.</p>

CC BY-SA 3.0
2017-03-16T13:04:59.437Z
2017-03-16T13:04:59.437Z
Seth Warburton
<p>I am currently using spoeken's gulp workflow (<a href="https://github.com/spoeken/gulp-craftcms" rel="nofollow noreferrer">https://github.com/spoeken/gulp-craftcms</a>). Everything works well in development, however, when it comes to production, I can't seem to concat/minify my <code>bower_components</code> dependencies, into one file. </p>

<p>I currently have a <code>public/resources/js/app.min.js</code>, however, my <code>bower_component</code> dependencies are sitting in <code>app/resources/bower_components</code>. </p>

<p>How do you go about minifying my dependencies into one file? </p>

<p>Here's what I have in my <code>package.json</code> file:</p>

<pre><code>{
  "name": "craftgulp",
  "version": "0.0.0",
  "authors": [
    ""
  ],
  "license": "MIT",
  "private": true,
  "dependencies": {
    "jquery": "~2.2.0",
    "tether": "^1.4.0",
    "bootstrap": "v4.0.0-alpha.2",
    "gsap": "^1.19.1",
    "scrollmagic": "^2.0.5",
    "slick-carousel": "^1.6.0",
    "waypoints": "^4.0.1"
  },
  "overrides": {
    "bootstrap-sass": {
      "main": [
        "assets/stylesheets/_bootstrap.scss",
        "assets/fonts/bootstrap/*",
        "assets/javascripts/bootstrap.js"
      ]
    },
    "scrollmagic": {
      "main": [
        "./scrollmagic/uncompressed/ScrollMagic.js",
        "./scrollmagic/uncompressed/plugins/animation.gsap.js",
        "./scrollmagic/uncompressed/plugins/debug.addIndicators.js",
        "./scrollmagic/uncompressed/plugins/jquery.ScrollMagic.js"
      ]
    },
    "gsap": {
      "main": [
        "./src/uncompressed/TweenMax.js",
        "./src/uncompressed/TimelineLite.js",
        "./src/uncompressed/jquery.gsap.js"
      ]
    },
    "slick-carousel": {
      "main": [
        "./slick/slick.min.js",
        "./slick/slick.css",
        "./slick/slick-theme.css"
      ]
    },
    "waypoints": {
      "main": [
        "./lib/jquery.waypoints.min.js"
      ]
    }
  }
}
</code></pre>

<javascript>
Minifying bower_components js files
# Minifying bower_components js files

(Asked by: username_0 on 2017-03-14)

I am currently using spoeken's gulp workflow (https://github.com/spoeken/gulp-craftcms). Everything works well in development, however, when it comes to production, I can't seem to concat/minify my bower_components dependencies, into one file. 
I currently have a public/resources/js/app.min.js, however, my bower_component dependencies are sitting in app/resources/bower_components. 
How do you go about minifying my dependencies into one file? 
Here's what I have in my package.json file:
{
  "name": "craftgulp",
  "version": "0.0.0",
  "authors": [
    ""
  ],
  "license": "MIT",
  "private": true,
  "dependencies": {
    "jquery": "~2.2.0",
    "tether": "^1.4.0",
    "bootstrap": "v4.0.0-alpha.2",
    "gsap": "^1.19.1",
    "scrollmagic": "^2.0.5",
    "slick-carousel": "^1.6.0",
    "waypoints": "^4.0.1"
  },
  "overrides": {
    "bootstrap-sass": {
      "main": [
        "assets/stylesheets/_bootstrap.scss",
        "assets/fonts/bootstrap/*",
        "assets/javascripts/bootstrap.js"
      ]
    },
    "scrollmagic": {
      "main": [
        "./scrollmagic/uncompressed/ScrollMagic.js",
        "./scrollmagic/uncompressed/plugins/animation.gsap.js",
        "./scrollmagic/uncompressed/plugins/debug.addIndicators.js",
        "./scrollmagic/uncompressed/plugins/jquery.ScrollMagic.js"
      ]
    },
    "gsap": {
      "main": [
        "./src/uncompressed/TweenMax.js",
        "./src/uncompressed/TimelineLite.js",
        "./src/uncompressed/jquery.gsap.js"
      ]
    },
    "slick-carousel": {
      "main": [
        "./slick/slick.min.js",
        "./slick/slick.css",
        "./slick/slick-theme.css"
      ]
    },
    "waypoints": {
      "main": [
        "./lib/jquery.waypoints.min.js"
      ]
    }
  }
}

**Tags:** javascript

---

## 1 answers

### Answer by username_1 on 2017-03-16. Score: 2

You would need to define them in [the Gulp file build uglify task](https://github.com/spoeken/gulp-craftcms/blob/master/gulpfile.js#L97).


---

