Answers.Body: <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>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-03-16T13:04:59.437Z
Answers.LastActivityDate: 2017-03-16T13:04:59.437Z
Answers.UserDisplayName: Seth Warburton
Body: <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>
  
Tags: <javascript>
Title: Minifying bower_components js files
ThreadText: # 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).
  
  
  ---
  
  