Swiip/generator-gulp-angular

Yeoman generator for AngularJS with GulpJS

Puneet Aggarwal

@puneetagg

Hi..Can anybody tell me why yeoman writes 'ngInject' in start of some functions?

iamsynthetic

@iamsynthetic

@mikesigs some good options there, thanks so much for helping, I'm going to give these a try.

Mike Sigsworth

@mikesigs

http://bguiz.github.io/js-standards/angularjs/minification-and-annotation/

@puneetagg I hate to say it, but please try google for that one. Or read the link above.

iamsynthetic

@iamsynthetic

so I tried both solutions and neither seem to work. so something is funny. I'm using stateprovider in index.route.js like this:
$stateProvider
.state('concept', {
//url: '/', //just to make sure this page shows up
//url:'/concept',
//url:'/#/concept',
url: '/subdirectory/concept'

i tried adding the base href to the head of the index.html file:

<head>
<meta charset="utf-8">
<title>title of site</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<base href="/subdirectory/" />

and added the html5mode = true at the end of the index.route.js file:
$locationProvider.html5Mode(true);
$urlRouterProvider.otherwise('/');

inside protractor.conf.js I had to change the baseUrl from localhost to the webserver:
//baseUrl: 'http://localhost:3000',

//baseUrl: 'http://samplewebsite.com/subdirectory' - doesn't work
baseUrl: 'http://samplewebsite.com' - works

the closest I got was when I click a state (say /concept) the url changes to:
http://samplewebsite.com/#/subdirectory/concept
so the hash should be after subdirectory like it is locally

so at this point I'm kind of just guessing and changing things around experimenting. I build the project before I upload.

Puneet Aggarwal

@puneetagg

@mikesigs Thanks for the reply. I tried googling. Anyways your link helped. Thanks!!

Mike Sigsworth

@mikesigs

@puneetagg Googling turns up results for ngAnnotate rather than ngInject, which is decievingly correct.

@iamsynthetic If you're getting the hash (i.e #/subdirectory) when clicking links then something isn't configured right with the HTML5 mode. I haven't used this yet either, so you're gonna have to keep hacking away and tell us how you fixed it ;)

Puneet Aggarwal

@puneetagg

@mikesigs Yeah actually!! As I am new to Angular and ES6, so couldn't relate.

Maker Su

@makersu

hi, could anyone suggest datatable? i use Material Design Lite

Maker Su

@makersu

hi, prefer bower install or npm install for external lib?

Maker Su

@makersu

how to include a javascript file in index.html?

<script src="js/lb-services.js"></script>

Mike Sigsworth

@mikesigs

If you use bower install the the necessary script tags will be be injected by gulp.

Puneet Aggarwal

@puneetagg

Hi..I want to add the ngCookies in my already created project. Is there any way to add dependencies after creating the project?

neilkyoung

@neilkyoung

Hi, has anyone got any pointers on how I am able to get this setup with PHP? I need PHP in order to create a view page that has crawlable meta tags for Facebook and Twitter. When trying to run through a proxy it stops the wiredep routing from working...

Mike Sigsworth

@mikesigs

@puneetagg bower install your_dependency --save

That's it

The gulp process handles the rest. That's one of the best things about this generator.

@neilyoung2013 no idea sorry

Puneet Aggarwal

@puneetagg

@mikesigs Thanks a ton!!

iamsynthetic

@iamsynthetic

Hey so just an fyi I never figured out what was going on with not being able to use subdirectories with this. unfortunately I had to scrap the entire project and start fresh with something else (client needed a subdirectory for some reason).

Mike Sigsworth

@mikesigs

That's a shame. Sorry I couldn't be of more help.

It's also too bad that I'm like the only person really responding on here. There are people who have much more XP with this generator (and related technologies) than I.

Not sure what the point of having a Gitter room is, if no one checks it or is active on it.

iamsynthetic

@iamsynthetic

ya I did notice that. you're really helping out here man, but ya too bad you're the only one. Anyways thanks for responding, guess I won't be using this generator again.

Mike Sigsworth

@mikesigs

Never say never. This is still one of the best generators in town.

iamsynthetic

@iamsynthetic

ya no disrespect to anyone who likes it but in my opinion, the negatives out weight the positives.

Mike Sigsworth

@mikesigs

You are certainly entitled to your wrong opinion ;)

iamsynthetic

@iamsynthetic

haha alrighty, I'll let you guys and your broken generator be.

Maker Su

@makersu

@mikesigs thanks

jmls

@jmls

any idea why I am now getting this error in my console ?

bower_components/bower_components/material-design-iconfont/iconfont/MaterialIcons-Regular.woff2

(a 404 not found)

I would imagine that bower_components/bower_components is not a good thing, but that has nothing to do with me ;)

I get it for MaterialIcons-Regular.woff2, MaterialIcons-Regular.woff and MaterialIcons-Regular.ttf

Indomita

@Indomita

Hello!!! I have a problem adding fonts to the project, which way is the best for this?

Omar Padilla

@opadilla

I just link to it from <head>

works for me

Benny Powers

@bennypowers

Hey guys. It's my first time out with yeoman, gulp and bower. I opened up src/app/index.scss and saw the comment directing me to override bootstrap variables right there in index.scss. So I wrote up some overrides and saved, but the only one that worked was body-bg. text-color, link-color and font-family-sans-serif did not affect my page styles. I'd appreciate any help you can offer

Mike Sigsworth

@mikesigs

I think I ran into a similar situation once.

No, I think I'm getting it mixed up with something else.

it had to do with Bootstrap using LESS and my app using Sass.

Look for the variables.scss file in the Bootstrap folder under bower_components and make sure the variables you're trying to override exist.

Benny Powers

@bennypowers

@mikesigs Thanks, I tried double checking, but still didn't work. A solution that worked was to avoid variables in the property. $text-color: $grey-lighter didn't work but $text-color: #333 did. error: http://pastebin.com/ZrZN6Q6X

Puneet Aggarwal

@puneetagg

Hi...
How do I put off eslint in the gulp build process?

Mike Sigsworth

@mikesigs

@bennyp123 You could just delete the entire node_modules folder and run npm install again.

@puneetagg Rather than turning it off, how about you just tune it to suit your needs by turning of rules that annoy you. http://eslint.org/docs/user-guide/configuring

Puneet Aggarwal

@puneetagg

@mikesigs ok...thanks!!

Benny Powers

@bennypowers

@mikesigs thank you for the suggestion, i ran rm -rf node_modules && npm install but still got the same error.

Where communities thrive

People

Repo info

Activity