Le minificateur SASS peut-il supprimer les styles en double?

Je sais que les règles css sont assez complexes; cependant, ne pouvait pas le code css suivant être assez réduite dans un certain nombre de façons par l'optimiseur? Et si oui, est-il une option pour cela dans les rails-sass bijou?

span {
    background: red;
    color: green;
}

.test2 {
    background: red;
    color: green;
}

span {
    background: green;
    color: inherit;
}

.test2 {
    background: inherit !important;
    color: inherit;
    color: inherit;
    color: inherit;
}

Plus De Contexte:

Pour aider à clarifier, je propose le suivant...

Source:

span {
    background: red;
}
span {
    background: orange;
    color: green;
}
span {
    background: yellow;
}
span {
    background: blue;
    color: green;
}

Et, je voudrais un compilateur pour générer les suivantes:

span {
    background: blue;
    color: green;
}

Je sais qu'il est superflu de styles, mais cela arrive à de nombreuses reprises lors de la permanence de la révision de feuilles de style, et je tiens à éliminer le code mort.

source d'informationauteur Marshall Anschutz

css sass

5

Je pense que j'ai peut-être trouvé un moyen de trouver au minimum le double de styles css et sass/less modèles:

L'open source csscss gem http://zmoazeni.github.io/csscss/

Il semble être en mesure de détecter les doublons, même si je vais avoir à monkey patch autour du bootstrap-sass gem css ne pas être dans le même dossier que mon css actif.

De la documentation, vous pouvez exécuter:
```
$ csscss -v path/to/styles.css
```
ou
```
$ csscss -v path/to/styles.css.scss
```
0

Pas que je sache, SASS ne format de votre code de manière différente, mais pas de l'optimiser pour vous http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#output_style

Expansion sur Whymarrh commentaire, CSSTidy a un utilitaire de ligne de commande qui pourrait être intégrée dans un processus de construction ou similaire, http://packages.ubuntu.com/hardy/csstidy
0

D'optimiser votre code, utilisez toujours '--style compressé " option dans votre félicite ligne

Par exemple:
```
sass --watch screen.sass --style compressed
```
SASS rendra votre vie beaucoup plus facile, mais à l'état actuel, il n'est pas possible d'en avoir parfaite optimisations à moins que vous pouvez écrire du code ruby et écrire votre auto. Il y a quelques solutions de contournement qui pourrait sembler maladroit utilisé dans votre exemple, mais l'idée derrière cela pour économiser votre temps et ne pas avoir à saisir vous-même.

par exemple, vous pourriez probablement d'optimiser votre code à l'aide de (espaces devraient également être supprimés)
ces approche:
```
span, .test2 {
    background: red;
    color: green;
}
```
au lieu de:
```
span {
    background: red;
    color: green;
}

.test2 {
    background: red;
    color: green;
}
```
en pur CSS, car il est compatible avec la nouvelle syntaxe SASS
dans SASS vous pourriez le faire par:
```
%theme-red-green { //i couldn't came up with better naming :)
    background: red;
    color: red;
}

span {
    @extend %theme-red-green
}
.test2 {
    @extend %theme-red-green
}
```
même si nous n'avons pas utilisé séparées par des virgules, le style comme vous le feriez dans votre CSS, il serait de produire un code optimisé:
```
span, .test2 {
    background: red;
    color: green;
}
```
et de ne pas répéter les mêmes attributs et de valeurs:
```
span {
    background: red;
    color: green;
}

.test2 {
    background: red;
    color: green;
}
```
avez-vous remarqué que j'ai utilisé '%thème "au lieu de".thème " qui fait la différence dans votre sortie. Sélecteur de classe serait inclus dans votre fichier de sortie

et deux inutiles "couleur" propriétés avec 'inherit' valeurs ne serait pas supprimée, même dans le mode compressé.

Vous devez vous connecter pour publier un commentaire.