search

robwierzbowski / generator-jekyllrb

Supercharge Jekyll development with Yeoman. Yo, Jekyllrb!
BSD 3-Clause "New" or "Revised" License
595 stars 65 forks source link

How to use bower #77

Closed morenoh149 closed 10 years ago

morenoh149 commented 10 years ago

Could you provide an example of how to include js/css and js installed by bower? I've read through the bower docs and managed to install some js. But I have no clue how to get the grunt task to properly include it. I tried using usemin and manually specifying my assets in the copy task, individually and currently I'm doing both. I also have to --force the build due to errors I've had out of the box.

Running "clean:dist" (clean) task
Cleaning dist/2013...OK
Cleaning dist/2014...OK
Cleaning dist/README.md...OK
Cleaning dist/_bower_components...OK
Cleaning dist/about.html...OK
Cleaning dist/assets...OK
Cleaning dist/css...OK
Cleaning dist/img...OK
Cleaning dist/index.html...OK
Cleaning dist/js...OK
Cleaning dist/sly_horizontal.html...OK

Running "clean:server" (clean) task
Cleaning .tmp...OK

Running "jekyll:dist" (jekyll) task
`bundle exec jekyll build --source app --destination dist --config _config.yml,_config.build.yml` was initiated.

Jekyll output:
Configuration file: _config.yml
Configuration file: _config.build.yml
            Source: app
       Destination: dist
      Generating... done.

Running "concurrent:dist" (concurrent) task

    Running "copy:dist" (copy) task
    Copied 14 files

    Done, without errors.

    Execution Time (2014-03-11 04:06:30 UTC)
    loading tasks  682ms  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 84%
    copy:dist      131ms  ▇▇▇▇▇▇▇▇ 16%
    Total 814ms

    Running "compass:dist" (compass) task
    directory .tmp/css/ 
       create .tmp/css/main.css (0.013s)
       create .tmp/css/syntax.css (0.023s)
    Compilation took 0.037s

    Done, without errors.

    Execution Time (2014-03-11 04:06:30 UTC)
    loading tasks  646ms  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 41%
    compass:dist   911ms  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 59%
    Total 1.6s

Running "useminPrepare:html" (useminPrepare) task
Going through dist/index.html to update the config
Looking for build script HTML comment blocks

Configuration is now:

  concat:
  { generated: 
   { files: 
      [ { dest: '.tmp/concat/css/app.css',
          src: 
           [ 'dist/css/site.css',
             'dist/css/syntax.css',
             'dist/css/sly.css' ] } ] } }

  uglify:
  {}

  cssmin:
  { dist: { options: { check: 'gzip' } },
  generated: 
   { files: 
      [ { dest: 'dist/css/app.css',
          src: [ '.tmp/concat/css/app.css' ] } ] } }

Running "concat:generated" (concat) task
File ".tmp/concat/css/app.css" created.

Running "autoprefixer:dist" (autoprefixer) task
File "dist/css/site.css" prefixed.
File "dist/css/sly.css" prefixed.
File "dist/css/syntax.css" prefixed.

Running "cssmin:dist" (cssmin) task

Running "cssmin:generated" (cssmin) task
File dist/css/app.css created.
>> No "uglify" targets found.
Warning: Task "uglify" failed. Used --force, continuing.

Running "imagemin:dist" (imagemin) task
✔ dist/img/tax-rates.png (already optimized)
✔ dist/img/footballstrategyboard.png (already optimized)
✔ dist/img/twitter-clone.png (already optimized)
✔ dist/img/dezzmo.png (already optimized)
Minified 4 images (saved 0 B)

Running "svgmin:dist" (svgmin) task

Running "filerev:dist" (filerev) task
✔ dist/js/header.js changed to header.b53e.js
✔ dist/js/sly-horizontal.js changed to sly-horizontal.2da0.js
✔ dist/js/sly.js changed to sly.b8db.js
✔ dist/css/app.css changed to app.8986.css
✔ dist/css/site.css changed to site.5f31.css
✔ dist/css/sly.css changed to sly.7f8e.css
✔ dist/css/syntax.css changed to syntax.8a0a.css
✔ dist/img/dezzmo.png changed to dezzmo.1425.png
✔ dist/img/footballstrategyboard.png changed to footballstrategyboard.7a7d.png
✔ dist/img/tax-rates.png changed to tax-rates.c8e1.png
✔ dist/img/twitter-clone.png changed to twitter-clone.574e.png

Running "usemin:html" (usemin) task

Processing as HTML - dist/2013/09/18/disable_subtitles_by_default.html
Update the HTML to reference our concat/min/revved script files
<script src="js/header.js" changed to <script src="js/header.b53e.js"
<script src="js/sly.js" changed to <script src="js/sly.b8db.js"
<script src="js/sly-horizontal.js" changed to <script src="js/sly-horizontal.2da0.js"
Update the HTML with the new css filenames
<link rel="stylesheet" href="css/app.css" changed to <link rel="stylesheet" href="css/app.8986.css"
Update the HTML with the new img filenames
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Processing as HTML - dist/2013/12/30/getting-started-with-emberjs-and-phonegap.html
Update the HTML to reference our concat/min/revved script files
<script src="js/header.js" changed to <script src="js/header.b53e.js"
<script src="js/sly.js" changed to <script src="js/sly.b8db.js"
<script src="js/sly-horizontal.js" changed to <script src="js/sly-horizontal.2da0.js"
Update the HTML with the new css filenames
<link rel="stylesheet" href="css/app.css" changed to <link rel="stylesheet" href="css/app.8986.css"
Update the HTML with the new img filenames
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Processing as HTML - dist/2014/01/26/Bash-script-for-bootable-usb-stick-on-OSX.html
Update the HTML to reference our concat/min/revved script files
<script src="js/header.js" changed to <script src="js/header.b53e.js"
<script src="js/sly.js" changed to <script src="js/sly.b8db.js"
<script src="js/sly-horizontal.js" changed to <script src="js/sly-horizontal.2da0.js"
Update the HTML with the new css filenames
<link rel="stylesheet" href="css/app.css" changed to <link rel="stylesheet" href="css/app.8986.css"
Update the HTML with the new img filenames
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Processing as HTML - dist/2014/02/24/migrating-heroku-app-with-s3-assets.html
Update the HTML to reference our concat/min/revved script files
<script src="js/header.js" changed to <script src="js/header.b53e.js"
<script src="js/sly.js" changed to <script src="js/sly.b8db.js"
<script src="js/sly-horizontal.js" changed to <script src="js/sly-horizontal.2da0.js"
Update the HTML with the new css filenames
<link rel="stylesheet" href="css/app.css" changed to <link rel="stylesheet" href="css/app.8986.css"
Update the HTML with the new img filenames
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Processing as HTML - dist/2014/03/05/github-pages-environment-variables.html
Update the HTML to reference our concat/min/revved script files
<script src="js/header.js" changed to <script src="js/header.b53e.js"
<script src="js/sly.js" changed to <script src="js/sly.b8db.js"
<script src="js/sly-horizontal.js" changed to <script src="js/sly-horizontal.2da0.js"
Update the HTML with the new css filenames
<link rel="stylesheet" href="css/app.css" changed to <link rel="stylesheet" href="css/app.8986.css"
Update the HTML with the new img filenames
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Processing as HTML - dist/about.html
Update the HTML to reference our concat/min/revved script files
<script src="js/header.js" changed to <script src="js/header.b53e.js"
<script src="js/sly.js" changed to <script src="js/sly.b8db.js"
<script src="js/sly-horizontal.js" changed to <script src="js/sly-horizontal.2da0.js"
Update the HTML with the new css filenames
<link rel="stylesheet" href="css/app.css" changed to <link rel="stylesheet" href="css/app.8986.css"
Update the HTML with the new img filenames
<img src="img/tax-rates.png" changed to <img src="img/tax-rates.c8e1.png"
<img src="img/footballstrategyboard.png" changed to <img src="img/footballstrategyboard.7a7d.png"
<img src="img/dezzmo.png" changed to <img src="img/dezzmo.1425.png"
<img src="img/twitter-clone.png" changed to <img src="img/twitter-clone.574e.png"
<img src="img/tax-rates.png" changed to <img src="img/tax-rates.c8e1.png"
<img src="img/footballstrategyboard.png" changed to <img src="img/footballstrategyboard.7a7d.png"
<img src="img/dezzmo.png" changed to <img src="img/dezzmo.1425.png"
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Processing as HTML - dist/assets/starter-kit-1.2.0/index.html
Update the HTML to reference our concat/min/revved script files
Update the HTML with the new css filenames
Update the HTML with the new img filenames
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Processing as HTML - dist/index.html
Update the HTML to reference our concat/min/revved script files
<script src="js/header.js" changed to <script src="js/header.b53e.js"
<script src="js/sly.js" changed to <script src="js/sly.b8db.js"
<script src="js/sly-horizontal.js" changed to <script src="js/sly-horizontal.2da0.js"
Update the HTML with the new css filenames
<link rel="stylesheet" href="css/app.css" changed to <link rel="stylesheet" href="css/app.8986.css"
Update the HTML with the new img filenames
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Processing as HTML - dist/sly_horizontal.html
Update the HTML to reference our concat/min/revved script files
<script src="js/header.js" changed to <script src="js/header.b53e.js"
<script src="js/sly.js" changed to <script src="js/sly.b8db.js"
<script src="js/sly-horizontal.js" changed to <script src="js/sly-horizontal.2da0.js"
Update the HTML with the new css filenames
<link rel="stylesheet" href="css/app.css" changed to <link rel="stylesheet" href="css/app.8986.css"
Update the HTML with the new img filenames
<img src="img/tax-rates.png" changed to <img src="img/tax-rates.c8e1.png"
<img src="img/footballstrategyboard.png" changed to <img src="img/footballstrategyboard.7a7d.png"
<img src="img/dezzmo.png" changed to <img src="img/dezzmo.1425.png"
<img src="img/twitter-clone.png" changed to <img src="img/twitter-clone.574e.png"
<img src="img/tax-rates.png" changed to <img src="img/tax-rates.c8e1.png"
<img src="img/footballstrategyboard.png" changed to <img src="img/footballstrategyboard.7a7d.png"
<img src="img/dezzmo.png" changed to <img src="img/dezzmo.1425.png"
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Running "usemin:css" (usemin) task

Processing as CSS - dist/css/app.8986.css
Update the CSS to reference our revved images

Processing as CSS - dist/css/site.5f31.css
Update the CSS to reference our revved images

Processing as CSS - dist/css/sly.7f8e.css
Update the CSS to reference our revved images

Processing as CSS - dist/css/syntax.8a0a.css
Update the CSS to reference our revved images

Running "htmlmin:dist" (htmlmin) task
File dist/2013/09/18/disable_subtitles_by_default.html created.
File dist/2013/12/30/getting-started-with-emberjs-and-phonegap.html created.
File dist/2014/01/26/Bash-script-for-bootable-usb-stick-on-OSX.html created.
File dist/2014/02/24/migrating-heroku-app-with-s3-assets.html created.
File dist/2014/03/05/github-pages-environment-variables.html created.
File dist/about.html created.
File dist/assets/starter-kit-1.2.0/index.html created.
File dist/index.html created.
File dist/sly_horizontal.html created.

Done, but with warnings.

Execution Time (2014-03-11 04:06:27 UTC)
loading tasks    648ms  ▇▇ 4%
jekyll:dist       2.1s  ▇▇▇▇▇▇▇ 14%
concurrent:dist   1.8s  ▇▇▇▇▇▇ 12%
imagemin:dist     9.6s  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 66%
htmlmin:dist     212ms  ▇ 1%
Total 14.6s
jasonhodges commented 10 years ago

What Bower components are you trying to use/include and how did you go about installing them? If you are trying to include js files in the build (Rob, correct me if I'm wrong) you will need to specify them inline on your html. For example what I do is specify the js files in my default.html layout file. When you run grunt for the production build it will concat and minify these files you've specified into one. Try specifying your js files inline on your default html file and report back what happens.

rileyjshaw commented 10 years ago

Hi @morenoh149!

When you see tags like:

    <!-- build:js(app) /scripts/script.js -->
    ...
    <!-- endbuild -->

in the markup, that's an indicator that usemin will concatenate any files within the tags.

In generator-jekyllrb, Rob's broken scripts into "head scripts" and "scripts" for you. If you need something loaded in the <head> of your document, place a link to the script between the head-script tags. It should look like this:

<!-- build:js(app) /scripts/head-scripts.js -->
<script src="/_bower_components/jquery/dist/jquery.min.js"></script>
<!-- endbuild -->

If it's okay to load the script at the end of <body>, there's actually a separate file called scripts.html in app/includes/ - just pop the link in there.

(CSS also has a usemin tag in <head>)

morenoh149 commented 10 years ago

@jasonhodges @rileyjshaw for the css usemin would this work? I place this in the head but I'm getting no uglify targets found. What does that mean?

<!-- build:js(app) /scripts/head-scripts.js -->
<script src="_bower_components/jquery/dist/jquery.js"></script>
<script src="_bower_components/underscore/underscore.js"></script>
<script src="_bower_components/backbone/backbone.js"></script>
<script src="_bower_components/two/build/two.js"></script>
<script src="js/header.js"></script>
<script src="js/sly.js"></script>
<script src="js/sly-horizontal.js"></script>
<!-- end build -->
<!-- build:css(app) css/main.css -->
<link href="/css/site.css" rel="stylesheet">
<link href="/css/syntax.css" rel="stylesheet">
<link href="/css/sly.css" rel="stylesheet">
<!-- endbuild -->

and get

Running "clean:server" (clean) task
Cleaning .tmp...OK

Running "jekyll:check" (jekyll) task
`bundle exec jekyll doctor` was initiated.

Jekyll output:
Configuration file: /Users/harrymoreno/programming/morenoh149.blog.yeoman/_config.yml
  Your test results are in. Everything looks fine.

Running "compass:server" (compass) task
directory .tmp/css/ 
   create .tmp/css/main.css (0.017s)
   create .tmp/css/syntax.css (0.028s)
Compilation took 0.046s

Running "jshint:all" (jshint) task

✔ No problems

Running "csslint:check" (csslint) task
>> 5 files lint free.

Running "clean:dist" (clean) task
Cleaning dist/2013...OK
Cleaning dist/2014...OK
Cleaning dist/README.md...OK
Cleaning dist/about.html...OK
Cleaning dist/assets...OK
Cleaning dist/css...OK
Cleaning dist/img...OK
Cleaning dist/index.html...OK
Cleaning dist/js...OK
Cleaning dist/sly_horizontal.html...OK

Running "clean:server" (clean) task
Cleaning .tmp...OK

Running "jekyll:dist" (jekyll) task
`bundle exec jekyll build --source app --destination dist --config _config.yml,_config.build.yml` was initiated.

Jekyll output:
Configuration file: _config.yml
Configuration file: _config.build.yml
            Source: app
       Destination: dist
      Generating... done.

Running "concurrent:dist" (concurrent) task

    Running "copy:dist" (copy) task
    Copied 4 files

    Done, without errors.

    Execution Time (2014-03-12 00:09:28 UTC)
    loading tasks  601ms  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 85%
    copy:dist      105ms  ▇▇▇▇▇▇▇ 15%
    Total 706ms

    Running "compass:dist" (compass) task
    directory .tmp/css/ 
       create .tmp/css/main.css (0.011s)
       create .tmp/css/syntax.css (0.02s)
    Compilation took 0.032s

    Done, without errors.

    Execution Time (2014-03-12 00:09:28 UTC)
    loading tasks  596ms  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 41%
    compass:dist   843ms  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 59%
    Total 1.4s

Running "useminPrepare:html" (useminPrepare) task
Going through dist/index.html to update the config
Looking for build script HTML comment blocks

Configuration is now:

  concat:
  { generated: 
   { files: 
      [ { dest: '.tmp/concat/css/app.css',
          src: 
           [ 'dist/css/site.css',
             'dist/css/syntax.css',
             'dist/css/sly.css' ] } ] } }

  uglify:
  {}

  cssmin:
  { dist: { options: { check: 'gzip' } },
  generated: { files: [ { dest: 'dist/css/app.css', src: [ '.tmp/concat/css/app.css' ] } ] } }

Running "concat:generated" (concat) task
File ".tmp/concat/css/app.css" created.

Running "autoprefixer:dist" (autoprefixer) task
File "dist/css/site.css" prefixed.
File "dist/css/sly.css" prefixed.
File "dist/css/syntax.css" prefixed.

Running "cssmin:dist" (cssmin) task

Running "cssmin:generated" (cssmin) task
File dist/css/app.css created.
>> No "uglify" targets found.
Warning: Task "uglify" failed. Use --force to continue.

Aborted due to warnings.

Execution Time (2014-03-12 00:09:22 UTC)
loading tasks      561ms  ▇▇▇▇ 8%
jekyll:check        1.6s  ▇▇▇▇▇▇▇▇▇▇ 22%
compass:server     832ms  ▇▇▇▇▇ 12%
jshint:all         424ms  ▇▇▇ 6%
jekyll:dist         1.9s  ▇▇▇▇▇▇▇▇▇▇▇▇ 26%
concurrent:dist     1.7s  ▇▇▇▇▇▇▇▇▇▇▇ 24%
autoprefixer:dist   79ms  ▇ 1%
Total 7.2s

Also if I ignore the warning and use --force I'm unable to load the js from _bower_components screenshot 2014-03-11 17 19 33 If I recall correctly jekyll doesn't load anything within a directory with a leading underscore.

jasonhodges commented 10 years ago

it looks as though only the js files in your _bower directory are not getting pulled in correctly. Livereload is working out of your app directory therefore it isn't linking up with those js files outside app/js. Try putting the js files currently in your _bower directory into your app/js directory then adjust the references in the head tags and rerun and let us know what happens. I have 4 js files located in my app/js directory and they all build fine so I think it is just a matter of getting your file structure sorted out

robwierzbowski commented 10 years ago

You shouldn't need to live reload bower components, since you should never edit them.

On Wednesday, March 12, 2014, Jason Hodges notifications@github.com wrote:

it looks as though only the js files in your _bower directory are not getting pulled in correctly. Livereload is working out of your app directory therefore it isn't linking up with those js files outside app/js. Try putting the js files currently in your _bower directory into your app/js directory then adjust the references in the head tags and rerun and let us know what happens. I have 4 js files located in my app/js directory and they all build fine so I think it is just a matter of getting your file structure sorted out

Reply to this email directly or view it on GitHubhttps://github.com/robwierzbowski/generator-jekyllrb/issues/77#issuecomment-37408075 .

Rob Wierzbowski @robwierzbowski http://twitter.com/#!/robwierzbowski http://github.com/robwierzbowski http://robwierzbowski.com

morenoh149 commented 10 years ago

@jasonhodges @robwierzbowski ok so I won't move the js files outside of _bower_components/ but what's wrong with my setup? why does the uglify task complain that it never gets anything to uglify and am I using the usemin blocks incorrectly? my current source code is available at https://github.com/morenoh149/blog-source

app/_includes/meta-tags.html

<!-- build:js(app) /scripts/head-scripts.js -->
<script src="_bower_components/jquery/dist/jquery.js"></script>
<script src="_bower_components/underscore/underscore.js"></script>
<script src="_bower_components/backbone/backbone.js"></script>
<script src="_bower_components/two/build/two.js"></script>
<script src="_bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="js/header.js"></script>
<script src="js/sly.js"></script>
<script src="js/sly-horizontal.js"></script>
<!-- end build -->

<!-- build:css(app) css/main.css -->
<link rel="stylesheet" href="_bower_components/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" href="_bower_components/fontawesome/css/font-awesome.css">
<link rel="stylesheet" href="css/site.css">
<link rel="stylesheet" href="css/syntax.css">
<link rel="stylesheet" href="css/sly.css">
<!-- endbuild -->

<!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />

<!-- google analytics -->
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-42985946-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>

app/_layouts/default.html

<html>
  <head>

    {% include meta-tags.html %}

  </head>
  <body>
    <div class="container">

      {% include header.html %}

      <div class="row">
        <div class="col-sm-10 col-sm-offset-1
                    col-md-10 col-md-offset-0
                    col-lg-8  col-lg-offset-0">
          <dl>
            {% for post in site.posts %}
              <dt>
              <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
                {{ post.date | date: "%d %B %Y" }} | 
                <a href="http://morenoh149.github.io{{ post.url }}#disqus_thread"></a>
              </dt>
              <dd>
                {{ post.content }}
              </dd>
            {% endfor %}
          </dl>
        </div>

        <div class="sidebar
                    col-sm-12 col-sm-offset-0
                    col-md-2 col-md-offset-0
                    col-lg-3 col-lg-offset-1">
          {% include sidebar.html %}
        </div>

      </div>

      {% include footer.html %}

    </div><!-- container -->

    {% include navbar.html %}

    <!-- disqus comment count code -->
    <script type="text/javascript">
      /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
      var disqus_shortname = 'harrymorenosblog'; // required: replace example with your forum shortname

      /* * * DON'T EDIT BELOW THIS LINE * * */
      (function () {
          var s = document.createElement('script'); s.async = true;
          s.type = 'text/javascript';
          s.src = '//' + disqus_shortname + '.disqus.com/count.js';
          (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
      }());
    </script>
  </body>
</html>
robwierzbowski commented 10 years ago

If those paths are right your config looks good, except everything needs to be an absolute path. All script block configs and srcs. Can you try that and see if it works?

morenoh149 commented 10 years ago

like this?

<!-- build:js(app) /scripts/head-scripts.js -->
<script src="app/_bower_components/jquery/dist/jquery.js"></script>
<script src="app/_bower_components/underscore/underscore.js"></script>
<script src="app/_bower_components/backbone/backbone.js"></script>
<script src="app/_bower_components/two/build/two.js"></script>
<script src="app/_bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="app/js/header.js"></script>
<script src="app/js/sly.js"></script>
<script src="app/js/sly-horizontal.js"></script>
<!-- end build -->

<!-- build:css(app) css/main.css -->
<link rel="stylesheet" href="app/_bower_components/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" href="app/_bower_components/fontawesome/css/font-awesome.css">
<link rel="stylesheet" href="app/css/site.css">
<link rel="stylesheet" href="app/css/syntax.css">
<link rel="stylesheet" href="app/css/sly.css">
<!-- endbuild -->
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

<!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />

I get

➜  morenoh149.blog.yeoman git:(master) ✗ grunt --force
Running "clean:server" (clean) task
Cleaning .tmp...OK

Running "jekyll:check" (jekyll) task
`bundle exec jekyll doctor` was initiated.

Jekyll output:
Configuration file: /Users/harrymoreno/programming/morenoh149.blog.yeoman/_config.yml
  Your test results are in. Everything looks fine.

Running "compass:server" (compass) task
directory .tmp/css/
   create .tmp/css/main.css (0.022s)
   create .tmp/css/syntax.css (0.031s)
Compilation took 0.055s

Running "jshint:all" (jshint) task

app/js/angularfire.min.js
  line 1  col 13    Strings must use singlequote.
  line 1  col 59    Strings must use singlequote.
  line 1  col 80    Strings must use singlequote.
  line 1  col 116   Strings must use singlequote.
  line 1  col 137   Strings must use singlequote.
  line 1  col 143   Strings must use singlequote.
  line 1  col 152   Strings must use singlequote.
  line 1  col 163   Strings must use singlequote.
  line 1  col 209   A constructor name should start with an uppercase letter.
  line 1  col 240   Missing semicolon.
  line 1  col 241   Missing semicolon.
  line 1  col 270   Strings must use singlequote.
  line 1  col 296   Strings must use singlequote.
  line 1  col 367   Strings must use singlequote.
  line 1  col 369   Expected '===' and instead saw '=='.
  line 1  col 489   Expected an assignment or function call and instead saw an expression.
  line 1  col 490   Missing semicolon.
  line 1  col 589   Missing semicolon.
  line 1  col 590   Expected an assignment or function call and instead saw an expression.
  line 1  col 600   Missing semicolon.
  line 1  col 601   Missing semicolon.
  line 1  col 749   Strings must use singlequote.
  line 1  col 873   Missing semicolon.
  line 1  col 1097  Strings must use singlequote.
  line 1  col 1099  Expected '===' and instead saw '=='.
  line 1  col 1201  Strings must use singlequote.
  line 1  col 1215  Missing semicolon.
  line 1  col 1346  Missing semicolon.
  line 1  col 1406  Expected an assignment or function call and instead saw an expression.
  line 1  col 1407  Missing semicolon.
  line 1  col 1446  Strings must use singlequote.
  line 1  col 1448  Expected '===' and instead saw '=='.
  line 1  col 1530  Missing semicolon.
  line 1  col 1590  Expected an assignment or function call and instead saw an expression.
  line 1  col 1591  Missing semicolon.
  line 1  col 1683  Missing semicolon.
  line 1  col 1752  Missing semicolon.
  line 1  col 1871  Expected an assignment or function call and instead saw an expression.
  line 1  col 1872  Missing semicolon.
  line 1  col 1884  Missing semicolon.
  line 1  col 2009  Expected an assignment or function call and instead saw an expression.
  line 1  col 2010  Missing semicolon.
  line 1  col 2022  Missing semicolon.
  line 1  col 2155  Expected an assignment or function call and instead saw an expression.
  line 1  col 2156  Missing semicolon.
  line 1  col 2170  Missing semicolon.
  line 1  col 2232  Expected an assignment or function call and instead saw an expression.
  line 1  col 2233  Missing semicolon.
  line 1  col 2328  Missing semicolon.
  line 1  col 2361  A constructor name should start with an uppercase letter.
  line 1  col 2361  Too many errors. (100% scanned).

✖ 51 problems

Warning: Task "jshint:all" failed. Used --force, continuing.

Running "csslint:check" (csslint) task
>> 5 files lint free.

Running "clean:dist" (clean) task
Cleaning dist/2013...OK
Cleaning dist/2014...OK
Cleaning dist/README.md...OK
Cleaning dist/about.html...OK
Cleaning dist/assets...OK
Cleaning dist/css...OK
Cleaning dist/img...OK
Cleaning dist/index.html...OK
Cleaning dist/js...OK
Cleaning dist/sly_horizontal.html...OK

Running "clean:server" (clean) task
Cleaning .tmp...OK

Running "jekyll:dist" (jekyll) task
`bundle exec jekyll build --source app --destination dist --config _config.yml,_config.build.yml` was initiated.

Jekyll output:
Configuration file: _config.yml
Configuration file: _config.build.yml
            Source: app
       Destination: dist
      Generating... done.

Running "concurrent:dist" (concurrent) task

    Running "copy:dist" (copy) task
    Copied 5 files

    Done, without errors.

    Execution Time (2014-03-26 09:16:33 UTC)
    loading tasks  637ms  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 58%
    copy:dist      460ms  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 42%
    Total 1.1s

    Running "compass:dist" (compass) task
    directory .tmp/css/
       create .tmp/css/main.css (0.012s)
       create .tmp/css/syntax.css (0.02s)
    Compilation took 0.034s

    Done, without errors.

    Execution Time (2014-03-26 09:16:33 UTC)
    loading tasks  663ms  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 43%
    compass:dist   868ms  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 57%
    Total 1.5s

Running "useminPrepare:html" (useminPrepare) task
Going through dist/index.html to update the config
Looking for build script HTML comment blocks

Configuration is now:

  concat:
  { generated:
   { files:
      [ { dest: '.tmp/concat/css/main.css',
          src:
           [ 'app/app/_bower_components/bootstrap/dist/css/bootstrap.css',
             'app/app/_bower_components/fontawesome/css/font-awesome.css',
             'app/app/css/site.css',
             'app/app/css/syntax.css',
             'app/app/css/sly.css' ] } ] } }

  uglify:
  {}

  cssmin:
  { dist: { options: { check: 'gzip' } },
  generated:
   { files:
      [ { dest: 'dist/css/main.css',
          src: [ '.tmp/concat/css/main.css' ] } ] } }

Running "concat:generated" (concat) task
File ".tmp/concat/css/main.css" created.

Running "autoprefixer:dist" (autoprefixer) task
File "dist/css/site.css" prefixed.
File "dist/css/sly.css" prefixed.
File "dist/css/syntax.css" prefixed.

Running "cssmin:dist" (cssmin) task

Running "cssmin:generated" (cssmin) task
>> Destination not written because minified CSS was empty.
>> No "uglify" targets found.
Warning: Task "uglify" failed. Used --force, continuing.

Running "imagemin:dist" (imagemin) task
✔ dist/img/ng-email.png (already optimized)
✔ dist/img/dezzmo.png (already optimized)
✔ dist/img/tax-rates.png (already optimized)
✔ dist/img/footballstrategyboard.png (already optimized)
✔ dist/img/twitter-clone.png (already optimized)
Minified 5 images (saved 0 B)

Running "svgmin:dist" (svgmin) task

Running "filerev:dist" (filerev) task
✔ dist/js/angularfire.min.js changed to angularfire.min.c0e1.js
✔ dist/js/header.js changed to header.836c.js
✔ dist/js/sly-horizontal.js changed to sly-horizontal.1eef.js
✔ dist/js/sly.js changed to sly.9f70.js
✔ dist/css/site.css changed to site.5706.css
✔ dist/css/sly.css changed to sly.5d43.css
✔ dist/css/syntax.css changed to syntax.8a0a.css
✔ dist/img/dezzmo.png changed to dezzmo.961c.png
✔ dist/img/footballstrategyboard.png changed to footballstrategyboard.7a7d.png
✔ dist/img/ng-email.png changed to ng-email.3e92.png
✔ dist/img/tax-rates.png changed to tax-rates.c8e1.png
✔ dist/img/twitter-clone.png changed to twitter-clone.574e.png

Running "usemin:html" (usemin) task

Processing as HTML - dist/2013/09/18/disable_subtitles_by_default.html
Update the HTML to reference our concat/min/revved script files
Update the HTML with the new css filenames
Update the HTML with the new img filenames
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Processing as HTML - dist/2013/12/30/getting-started-with-emberjs-and-phonegap.html
Update the HTML to reference our concat/min/revved script files
Update the HTML with the new css filenames
Update the HTML with the new img filenames
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Processing as HTML - dist/2014/01/26/Bash-script-for-bootable-usb-stick-on-OSX.html
Update the HTML to reference our concat/min/revved script files
Update the HTML with the new css filenames
Update the HTML with the new img filenames
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Processing as HTML - dist/2014/02/24/migrating-heroku-app-with-s3-assets.html
Update the HTML to reference our concat/min/revved script files
Update the HTML with the new css filenames
Update the HTML with the new img filenames
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Processing as HTML - dist/2014/03/05/github-pages-environment-variables.html
Update the HTML to reference our concat/min/revved script files
Update the HTML with the new css filenames
Update the HTML with the new img filenames
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Processing as HTML - dist/2014/03/26/when-brew-punks-out.html
Update the HTML to reference our concat/min/revved script files
Update the HTML with the new css filenames
Update the HTML with the new img filenames
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Processing as HTML - dist/about.html
Update the HTML to reference our concat/min/revved script files
Update the HTML with the new css filenames
Update the HTML with the new img filenames
<img src="img/tax-rates.png" changed to <img src="img/tax-rates.c8e1.png"
<img src="img/footballstrategyboard.png" changed to <img src="img/footballstrategyboard.7a7d.png"
<img src="img/dezzmo.png" changed to <img src="img/dezzmo.961c.png"
<img src="img/twitter-clone.png" changed to <img src="img/twitter-clone.574e.png"
<img src="img/ng-email.png" changed to <img src="img/ng-email.3e92.png"
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Processing as HTML - dist/assets/starter-kit-1.2.0/index.html
Update the HTML to reference our concat/min/revved script files
Update the HTML with the new css filenames
Update the HTML with the new img filenames
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Processing as HTML - dist/index.html
Update the HTML to reference our concat/min/revved script files
Update the HTML with the new css filenames
Update the HTML with the new img filenames
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Processing as HTML - dist/sly_horizontal.html
Update the HTML to reference our concat/min/revved script files
Update the HTML with the new css filenames
Update the HTML with the new img filenames
<img src="img/tax-rates.png" changed to <img src="img/tax-rates.c8e1.png"
<img src="img/footballstrategyboard.png" changed to <img src="img/footballstrategyboard.7a7d.png"
<img src="img/dezzmo.png" changed to <img src="img/dezzmo.961c.png"
<img src="img/twitter-clone.png" changed to <img src="img/twitter-clone.574e.png"
<img src="img/ng-email.png" changed to <img src="img/ng-email.3e92.png"
Update the HTML with data-main tags
Update the HTML with data-* tags
Update the HTML with background imgs, case there is some inline style
Update the HTML with anchors images
Update the HTML with reference in input

Running "usemin:css" (usemin) task

Processing as CSS - dist/css/site.5706.css
Update the CSS to reference our revved images

Processing as CSS - dist/css/sly.5d43.css
Update the CSS to reference our revved images

Processing as CSS - dist/css/syntax.8a0a.css
Update the CSS to reference our revved images

Running "htmlmin:dist" (htmlmin) task
File dist/2013/09/18/disable_subtitles_by_default.html created.
File dist/2013/12/30/getting-started-with-emberjs-and-phonegap.html created.
File dist/2014/01/26/Bash-script-for-bootable-usb-stick-on-OSX.html created.
File dist/2014/02/24/migrating-heroku-app-with-s3-assets.html created.
File dist/2014/03/05/github-pages-environment-variables.html created.
File dist/2014/03/26/when-brew-punks-out.html created.
File dist/about.html created.
File dist/assets/starter-kit-1.2.0/index.html created.
File dist/index.html created.
File dist/sly_horizontal.html created.

Done, but with warnings.

Execution Time (2014-03-26 09:16:27 UTC)
loading tasks    588ms  ▇▇ 4%
jekyll:check      1.6s  ▇▇▇▇▇ 11%
compass:server   844ms  ▇▇▇ 6%
jshint:all       488ms  ▇▇ 3%
jekyll:dist         2s  ▇▇▇▇▇▇ 13%
concurrent:dist   1.8s  ▇▇▇▇▇▇ 12%
imagemin:dist       7s  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 47%
htmlmin:dist     264ms  ▇ 2%
Total 14.9s

my blog source is at https://github.com/morenoh149/blog-source if you could clone it and poke around I'd really appreciate it :)

morenoh149 commented 10 years ago

finally figured it out! I had a malformed usemin block. The closing tag needs to be <!-- endbuild --> I had <!-- end build -->