Grunt un-css ignoring the css generated by java-script

Question

I am new to grunt and using for the java-script and css magnification. It's just an awesome tool. After exploring the grunt few more i came across uncss module which can help a lot to improve the load time and size of the css (especially framework like bootstrap css ).

I have app in angular and php which has a classes generated by php and java-script dynamically .While running the uncss this css selector are removed from new css file generated.

I think i have install phantom-js while installing the uncss module of grunt.

Can anyone has idea how i can achieve this.

I don't think it will work for dynamic content generated by js, the walkaround may be save all the css manually. Check: github.com/giakki/uncss/issues/50. Hope that help. — Ron
– Ron, Commented Jun 14, 2014 at 10:24

xphong · Accepted Answer · 2014-06-14 12:35:56Z

2

If you know the selectors of the generated css you can use the ignore option:

uncss: {
  dist: {
    files: {
      'dist/css/app.css': ['app/index.html']
    }
  },
  options: {
    ignore: ['#ignoredselector', '.ignoredselector']
  }
}

answered Jun 14, 2014 at 12:35

xphong

1,1142 gold badges13 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Pradeep Jaiswar Over a year ago

it worked for me using the url under options, but i need to go and put every url, how can i ignore putting url manually.

xphong Over a year ago

you can use *.php to select every .php file in the folder.

Collectives™ on Stack Overflow

Grunt un-css ignoring the css generated by java-script

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related