IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

[UI] Minifier jQuery-ui après modifications


Sujet :

jQuery

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    530
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 530
    Par défaut [UI] Minifier jQuery-ui après modifications
    Bonsoir à tous,

    J'ai du effectuer quelques modifications dans le fichier "jquery-ui-1.8.4.custom.js" non minifié (minimifié ??).

    Je voudrais maintenant en faire un fichier minifié (jquery-ui-min.js) comment puis-je faire ?

    est-ce faisable ou faut-il que je cherche (et trouve ???) ou faire la même modif dans le fichier jquery-ui-min.js ??

    Merci d'avance pour vos réponses

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    530
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 530
    Par défaut
    Merci Bovino,

    Tout plein d'outils vraiment utiles

    Bonne journée

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    530
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 530
    Par défaut
    Bonjour

    Bon évidement ça ne peut pas se passer comme je voudrais...

    Mon fichier minifié ne fonctionne pas...

    J'ai essayé les 2 méthodes proposées (copié-collé du contenu ou upload du fichier)
    Puis dans dreamweaver j'ai collé le résultat dans un fichier javascript ou, dans les propriétés de pages j'ai indiqué UTF-8 comme codage.

    Mais à chaque fois que le fichier est chargé dans la page qui l'utilise cela déclenche des erreurs qui font tout planter.

    illegal character
    [Break on this error] ','height','top','left'];$.each(css||[...]||0)+(delta[prop]||0);if(sum&∑>=0)\n
    Je me suis donc dit que cela venait peut-être de mes modifs, et j'ai essayé de faire l'opération avec le jQuery-ui-1.8.2.js d'origine.

    et ça fait exactement pareil...

    Qu'est-ce que je ne fais pas comme il faut ???

    Merci d'avance pour vos réponses

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    530
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 530
    Par défaut
    et voici en pièce-jointe le fichier obtenu, qui ne fonctionne pas...
    Fichiers attachés Fichiers attachés

  6. #6
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    530
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 530
    Par défaut
    Bon j'ai finalement apporté les mêmes modifications directement dans le fichier minifié fourni avec le framework.

    ça a été un peu laborieux... mais faisable.

    Pourquoi ?

    Parce que j'ai bien relu la notice d'utilisation de jsMin (voir :http://www.crockford.com/javascript/jsmin.html ) et j'ai trouvé ceci : "JSLint checks for all of these problems. It is suggested that JSLint be used before using JSMin."

    Il est donc conseillé de vérifier le code avec JSLint avant d'utiliser JSMin.

    Donc je fais ça, je colle les 10 000 et quelques lignes du code de jQuery UI dans JSLint, j'envoie et après un long, long temps de réfléxion JSLint m'indique un nombre inimaginable d'erreurs...

    Bref dans la mesure ou je pense que jQuery UI est un fichier plutôt fiable et sans erreurs, j'ai préféré laisser tomber.

    Je reste très intéressé par la possibilité de minifier directement mon fichier plutôt que d'intervenir dans le code minifié, alors toutes vos idées seront les bienvenues.

  7. #7
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Attention quand même à JSLint : les erreurs qu'il indique correspondent parfois à ce que l'auteur considère comme de mauvaises pratiques sans que ce soit des erreurs pour autant.

    Ensuite, le problème quand il s'agit de minifier un script, c'est que dans ce contexte, aucune des permissivités des navigateurs par rapport à la syntaxe ne sont plus acceptées, en particulier les points virgules en fin d'instructions, dont certains sont assez vicieux. Par exemple, dans l'écriture
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    objet.onclick=function(){...}
    il s'agit d'une affectation, donc d'une instruction et le point virgule à la fin est obligatoire.
    Sans parler bien sûr des syntaxes horribles du type
    Là encore, les accolades sont obligatoires.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  8. #8
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    530
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 530
    Par défaut
    Bonjour Bovino,

    Merci de ta réponse.

    Je comprend que JSLint puisse assimiler certaines écritures à des erreurs, d'autant qu'il est vrai que Javascript est relativement permissif par rapport à des choses comme le point-virgule ou l'absence de parenthèses.

    Pour ma part ce sont des choses que j'évite car je développe beaucoup en PHP, beaucoup moins tolérant sur ce genre de choses...

    de plus on a vite fait de se trouver avec un code qui génère des erreurs dans IE6 (voir plus) et de devoir faire une re-lecture plutôt fastidieuse.

    Je ne peux tout de même pas ré-ecrire tout le fichier non minifié...

    Donc, comment font-ils pour minifier le code de jQuery-ui.js, d'autant que ce code est généré et minifié à la volée en fonction des options choisies avant le téléchargement.

    Bon, sans doute ont-ils un outil sur mesure, quand on peu créer et faire évoluer quelque chose comme jQuery, on peut sans doute créer l'outil pour le minifier...

    D'autant que le fichier .min ne se contente pas d'être minifié... il est obfuscated (tiens ça nous rappelle quelque chose : PHPObfuscator )

    Te semble-t-il adapté de faire ce que j'ai fait, à savoir apporter les modifications dans le fichier minifié ?

    Cela comporte des problèmes de maintenance évidents que j'évoque dans ce post

    Quel doit-être selon toi la conduite à adopter ?

    Merci encore pour ta réponse

  9. #9
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    530
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 530
    Par défaut
    Je pense que le problème peut venir d'expression régulières comme celle-ci

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    (value.match(/[+-].*/) ? thisYear + parseInt(value, 10) :
    contenant les caractères */ (pouvant être assimilés à du commentaire)

    qu'en pensez-vous ?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Erreur de compilation après modification du Uses
    Par DevelOpeR13 dans le forum Langage
    Réponses: 5
    Dernier message: 30/10/2007, 14h23
  2. Réponses: 5
    Dernier message: 19/08/2005, 17h32
  3. [DOM] Problème de suppression sauts de lignes après modification XML
    Par chabada dans le forum Format d'échange (XML, JSON...)
    Réponses: 4
    Dernier message: 15/06/2005, 13h46
  4. [JComboBox]Rafraichissement apres modification modèle
    Par bidon dans le forum Composants
    Réponses: 7
    Dernier message: 14/03/2005, 13h20
  5. [] Datagrid vide après modification des propriétés
    Par SpaceFrog dans le forum VB 6 et antérieur
    Réponses: 9
    Dernier message: 20/09/2002, 16h37

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo