CSS automatically loaded during running of hot towel angular js SPA application with bootstrap. Couldn't find how?

42 views
Skip to first unread message

Selva

unread,
Nov 18, 2014, 12:26:18 AM11/18/14
to ang...@googlegroups.com
CSS files are automatically get loaded everytime from the tfs location when i run the angular js SPA application in Visual Studio. So locally made changes to the css are not effective and lost. How to fix this problem. I am using hot towel angular js single page frame work including bootstrap. kindly help me.

Vivek Anand

unread,
Nov 18, 2014, 1:20:01 PM11/18/14
to ang...@googlegroups.com
Please share the code snippet, where the link of CSS is mentioned in your HTML.

Selvakumar Murugesan

unread,
Nov 18, 2014, 2:27:16 PM11/18/14
to ang...@googlegroups.com
My code is like below. I am trying to modify the application.css which is not happening and everytime i debug or run, tfs checked in application.css is  getting loaded and i am getting lost of the modified css. kindly help.

<html lang="en" data-ng-app="app">
<head>
    <meta charset="utf-8" />
    <title>My Project</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
    <link rel="stylesheet" href="css/animate.css" type="text/css" />  
    <link rel="stylesheet" href="css/application.css" type="text/css" />
</head>

On Tue Nov 18 2014 at 12:20:13 PM Vivek Anand <viv....@gmail.com> wrote:
Please share the code snippet, where the link of CSS is mentioned in your HTML.

--
You received this message because you are subscribed to a topic in the Google Groups "AngularJS" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/angular/GcyWJ9gnMbM/unsubscribe.
To unsubscribe from this group and all its topics, send an email to angular+u...@googlegroups.com.
To post to this group, send email to ang...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Selva

unread,
Nov 18, 2014, 5:39:35 PM11/18/14
to ang...@googlegroups.com
I have fixed this problem.

I am using Grunt to compile and minify my css files during my builds. That was the problem.

While Grunt is running, it will compile your stylesheets every time you commit changes to one of your LESS files. After i comment the particular css file from building via grunt it works fine.

http://ericnish.io/blog/compile-less-files-with-grunt.


On Tuesday, November 18, 2014 1:27:16 PM UTC-6, Selva wrote:
My code is like below. I am trying to modify the application.css which is not happening and everytime i debug or run, tfs checked in application.css is  getting loaded and i am getting lost of the modified css. kindly help.

<html lang="en" data-ng-app="app">
<head>
    <meta charset="utf-8" />
    <title>My Project</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
    <link rel="stylesheet" href="css/animate.css" type="text/css" />  
    <link rel="stylesheet" href="css/application.css" type="text/css" />
</head>

On Tue Nov 18 2014 at 12:20:13 PM Vivek Anand <viv....@gmail.com> wrote:
Please share the code snippet, where the link of CSS is mentioned in your HTML.

--
You received this message because you are subscribed to a topic in the Google Groups "AngularJS" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/angular/GcyWJ9gnMbM/unsubscribe.
To unsubscribe from this group and all its topics, send an email to angular+unsubscribe@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages