Hi there,

I would like a quick guide on how to use the sprites in this setup, I've used this on a project as a test and i cant seem to figure out how to use/generate the sprites.

Got this error after running:
$ gulp

=============================

events.js:160
throw er; // Unhandled 'error' event
^
Error: CSS parse error js/main.js: Unexpected input
1 |!function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var s=n[i]={exports:{}};e[i][0].call(s.exports,function(r){var n=e[i][1][r];return o(n?n:r)},s,s.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}({1:[function(r,e,n){"use strict";console.log("yay")},{}]},{},[1]);
-------^

==============================

Hi there,

I'm curious how I could integrate handlebars into this build. I'm new to gulp/browserify.

Thanks!

I'm not sure if this is an issue with the generator or what, but I've run

npm install --global generator-modern-frontend

Twice from the command line and once through Yo itself, and I can't get Yo to recognize that the generator is available

First question after initiating the generator is preprocessor, on answering this the process falls over.
Error as follows:

? Which CSS preprocessor would you like to use? SCSS

events.js:85
  throw er; // Unhandled 'error' event
        ^
AssertionError: Trying to copy from a source that does not exist: /usr/local/lib/node_modules/generator-modern-frontend/app/templates/mainundefined
at EditionInterface.exports._copySingle (/usr/local/lib/node_modules/generator-modern-frontend/node_modules/yeoman-generator/node_modules/mem-fs-editor/actions/copy.js:44:3)
at EditionInterface.exports.copy (/usr/local/lib/node_modules/generator-modern-frontend/node_modules/yeoman-generator/node_modules/mem-fs-editor/actions/copy.js:22:17)
at module.exports.yeoman.generators.Base.extend.writing.app (/usr/local/lib/node_modules/generator-modern-frontend/app/index.js:83:15)
at /usr/local/lib/node_modules/generator-modern-frontend/node_modules/yeoman-generator/lib/base.js:409:16
at processImmediate [as _immediateCallback] (timers.js:367:17)

On installing the generator there were these warnings:

 npm WARN deprecated [email protected]: the module is now available as 'css-select'
 npm WARN deprecated [email protected]: the module is now available as 'css-what'

What is wrong with this html code:

<!-- build:js js/main.min.js -->
    <script src="js/main.js" charset="utf-8"></script>
    <script src="js/pages/orders.js" charset="utf-8"></script>
<!-- endbuild -->

And this gulp task:

gulp.task('javascript', function () {
  return gulp.src('app/js/main.js')
    .pipe(through2.obj(function (file, enc, next){ // workaround for https://github.com/babel/babelify/issues/46
      browserify({
        entries: file.path,
        debug: isDevelopment
      }).bundle(function(err, res){
        if (err) { return next(err); }

        file.contents = res;
        next(null, file);
      });
    }))
    .on('error', function (error) {
      console.log(error.stack);
      this.emit('end');
    })
    .pipe(gulp.dest('dist/js'))
    .pipe($.if(isDevelopment, $.sourcemaps.init({loadMaps: true})))
    .pipe($.if(isDevelopment, $.sourcemaps.write('.')))
    .pipe(gulp.dest('.tmp/js'));
});

Because I'm always getting only main.js inside main.min.js file, instead of main.js and orders.js merged and minified together into main.min.js 😢

Thank you!

I always seem to end up with two copies of my Javascript concatenated together in my dist/main.js file. Then I remove the .tmp directory and it seems to fix the issue.

I guess technically I'm supposed to use gulp clean and it will remove that directory, but is it feasible to remove the .tmp directory before the build starts if it exists, to help save users from this potential problem?

Currently it's reloading when the source has changed, it should be reloading when the build has changed.

After bower install --save bootstrap, its included in my index.html the <script> tag from bootstrap.js but the bootstrap.css file is not being included.

I'm using all the default options when generating with SCSS.

Any help?