Outils pour utilisateurs

Outils du site


info:webdesign:accueil

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
info:webdesign:accueil [2018/10/26 18:17]
Simon [GRUNT]
info:webdesign:accueil [2019/12/15 08:39] (Version actuelle)
Simon
Ligne 178: Ligne 178:
 ===== GRUNT ===== ===== GRUNT =====
  
-L'​installation est très simple puisqu'​elle est gérée directement depuis la ligne de commande via ''​npm'' ​(en supposant que le projet se trouve dans le dossier ​''​<​nowiki>​d:​\</​nowiki>​www.dev''​:+L'​installation est très simple puisqu'​elle est gérée directement depuis la ligne de commande via ''​npm'' ​ou ''​powershell''​ :
  
-<​cli>​PS ​D:\www.dev> npm install -g grunt-cli +<​cli>​PS ​C:\> cd .\ProgramData\ 
-C:\Users\Simon\AppData\Roaming\npm\grunt -> C:\Users\Simon\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt +PS C:​\ProgramData> npm install -g grunt-cli 
-+ grunt-cli@1.3.1 +C:\Users\sdela\AppData\Roaming\npm\grunt -> C:\Users\sdela\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt 
-added 152 packages from 117 contributors in 5.679s</​cli>​++ grunt-cli@1.3.2 
 +added 150 packages from 121 contributors in 15.23s 
 +PS C:​\ProgramData>​</​cli>​
  
 <WRAP center round important 60%> <WRAP center round important 60%>
Ligne 190: Ligne 192:
  
 ====== Le projet ====== ====== Le projet ======
 +
 +Préparer un fichier package.json :
 +<​file>​{
 +  "​name":​ "​namespaced",​
 +  "​version":​ "​1.0.0",​
 +  "​description":​ "​Namespaced DokuWiki template CSS processing",​
 +  "​keywords":​ [
 +    "​DokuWiki",​
 +    "​template",​
 +    "​Namespaced"​
 +  ],
 +  "​author":​ "Simon Delage",​
 +  "​license":​ "​GPL-3.0",​
 +  "​main":​ "​Gruntfile.js",​
 +  "​scripts":​ {
 +  },
 +  "​repository":​ {
 +    "​type":​ "​git",​
 +    "​url":​ "​git+https://​github.com/​geekitude/​dokuwiki-template-namespaced.git"​
 +  },
 +  "​bugs":​ {
 +    "​url":​ "​https://​github.com/​geekitude/​dokuwiki-template-namespaced/​issues"​
 +  },
 +  "​homepage":​ "​https://​github.com/​geekitude/​dokuwiki-template-namespaced#​readme",​
 +  "​devDependencies":​ {
 +  },
 +  "​dependencies":​ {}
 +}</​file>​
 +
 +
  
 Chaque groupe d'​actions (par exemple : ouvrir les fichiers de style et appliquer telle ou telle modification) constitue un projet représenté par un fichier descriptif ''​package.json''​ et un script de tâche(s) ''​Gruntfile.js'',​ tous deux à placer à la racine du projet en question (par exemple à la racine du site web concerné) et toutes les commandes qui suivent et qui concerne le projet doivent donc être lancées dans le PowerShell à cet emplacement (en terme de répertoire actif). Chaque groupe d'​actions (par exemple : ouvrir les fichiers de style et appliquer telle ou telle modification) constitue un projet représenté par un fichier descriptif ''​package.json''​ et un script de tâche(s) ''​Gruntfile.js'',​ tous deux à placer à la racine du projet en question (par exemple à la racine du site web concerné) et toutes les commandes qui suivent et qui concerne le projet doivent donc être lancées dans le PowerShell à cet emplacement (en terme de répertoire actif).
  
 Taper successivement ces commandes Powershell : Taper successivement ces commandes Powershell :
-<​cli>​cd ​D:\www.dev\doku\lib\tpl\spacious +<cli>Windows PowerShell 
-PS D:\www.dev\doku\lib\tpl\spacious>​ npm install grunt --save-dev+Copyright (C) Microsoft Corporation. Tous droits réservés. 
 + 
 +PS C:​\Users\sdela> cd G:\www.dev\dokuwiki\lib\tpl\spacious 
 +PS G:\www.dev\dokuwiki\lib\tpl\spacious>​ npm install grunt --save-dev
 npm notice created a lockfile as package-lock.json. You should commit this file. npm notice created a lockfile as package-lock.json. You should commit this file.
-npm WARN The package caniuse-db is included as both a dev and production dependency. +grunt@1.0.4 
-npm WARN The package ​grunt-contrib-watch is included as both a dev and production dependency+added 97 packages from 63 contributors ​and audited 179 packages in 15.004s 
-npm WARN The package grunt-cssnano is included as both a dev and production dependency+found 0 vulnerabilities
-npm WARN The package grunt-postcss is included as both a dev and production dependency.+
  
-+ grunt@1.0.2 +PS G:\www.dev\dokuwiki\lib\tpl\spacious>​ npm install grunt-contrib-watch --save-dev 
-removed 8 packages and updated 1 package in 7.39s +grunt-contrib-watch@1.1.0 
-PS D:\www.dev\doku\lib\tpl\spacious>​ npm install grunt-contrib-watch --save-dev +added 23 packages from 28 contributors ​and audited 223 packages in 9.083s 
-npm notice save grunt-contrib-watch ​is being moved from dependencies to devDependencies +found 0 vulnerabilities
-npm WARN The package caniuse-db is included as both a dev and production dependency+
-npm WARN The package grunt-cssnano is included as both a dev and production dependency+
-npm WARN The package grunt-postcss is included as both a dev and production dependency.+
  
-+ grunt-contrib-watch@1.0.0 +PS G:\www.dev\dokuwiki\lib\tpl\spacious>​ npm install grunt-contrib-cssmin ​--save-dev 
-updated 1 package in 5.995s +grunt-contrib-cssmin@3.0.0 
-PS D:\www.dev\doku\lib\tpl\spacious>​ npm install grunt-postcss ​--save-dev +added 14 packages from 41 contributors ​and audited 249 packages in 8.568s 
-npm notice save grunt-postcss is being moved from dependencies to devDependencies +found 0 vulnerabilities
-npm WARN The package caniuse-db is included as both a dev and production dependency+
-npm WARN The package grunt-cssnano is included as both a dev and production dependency.+
  
-+ grunt-postcss@0.8.0 +PS G:\www.dev\dokuwiki\lib\tpl\spacious>​ npm install grunt-contrib-uglify ​--save-dev 
-added 9 packages in 5.873s +grunt-contrib-uglify@4.0.1 
-PS D:\www.dev\doku\lib\tpl\spacious>​ npm install grunt-cssnano ​--save-dev +added 4 packages ​from 4 contributors ​and audited 277 packages in 1.902s 
-npm notice save grunt-cssnano is being moved from dependencies to devDependencies +found 0 vulnerabilities
-npm WARN The package caniuse-db is included as both a dev and production dependency.+
  
-grunt-cssnano@2.1.0 +PS G:​\www.dev\dokuwiki\lib\tpl\spacious>​ npm install ​grunt-autoprefixer --save-dev 
-removed 193 packages and updated 1 package ​in 8.295s +npm WARN deprecated browserslist@0.4.0: Browserslist ​could fail on reading Browserslist >3.0 config used in other tools. 
-PS D:\www.dev\doku\lib\tpl\spacious>​ npm install ​caniuse-db --save-dev ++ grunt-autoprefixer@3.0.4 
-npm notice ​save caniuse-db is being moved from dependencies to devDependencies +added 17 packages ​from 41 contributors ​and audited 303 packages ​in 3.231s 
-caniuse-db@1.0.30000810 +found 0 vulnerabilities 
-updated ​package ​in 3.49s + 
-C:\Users\Simon\AppData\Roaming\npm-cache\_logs\2018-02-28T06_21_10_997Z-debug.log + 
-PS D:\www.dev\doku\lib\tpl\spacious> npm install ​postcss-rtl --save-dev npm + 
-+ npm@5.6.0 + 
-+ postcss-rtl@1.2.3 + 
-added 488 packages in 55.969s+ 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 +Windows PowerShell 
 +Copyright (C) Microsoft Corporation. Tous droits réservés. 
 + 
 +PS C:​\Users\sdela>​ cd C:​\www.dev\dokuwiki\lib\tpl\spacious 
 +PS C:\www.dev\dokuwiki\lib\tpl\spacious> ​npm init 
 +This utility will walk you through creating a package.json file. 
 +It only covers the most common items, and tries to guess sensible defaults. 
 + 
 +See `npm help json` for definitive documentation on these fields 
 +and exactly what they do. 
 + 
 +Use `npm install ​<​pkg>​` afterwards to install a package and 
 +save it as a dependency in the package.json file. 
 + 
 +Press ^C at any time to quit. 
 +package name: (spacious) 
 +version: (1.0.0) 
 +description:​ Spacious DokuWiki template CSS processing 
 +entry point: (Gruntfile ​Copie.js) Gruntfile.js 
 +test command: 
 +git repository: (https://​github.com/​geekitude/​dokuwiki-template-spacious.git) 
 +keywords: DokuWiki template Spacious 
 +author: Simon DELAGE 
 +license: (ISC) GPL-3.0 
 +About to write to C:​\www.dev\dokuwiki\lib\tpl\spacious\package.json:​ 
 + 
 +
 +  "​name":​ "​spacious",​ 
 +  "​version":​ "​1.0.0",​ 
 +  "​description":​ "​Spacious DokuWiki template CSS processing",​ 
 +  "​main":​ "​Gruntfile.js",​ 
 +  "​scripts":​ { 
 +    "​test":​ "echo \"​Error:​ no test specified\"​ && exit 1" 
 +  }, 
 +  "​repository":​ { 
 +    "​type":​ "​git",​ 
 +    "​url":​ "​git+https://​github.com/​geekitude/​dokuwiki-template-spacious.git"​ 
 +  }, 
 +  "​keywords":​ [ 
 +    "​DokuWiki",​ 
 +    "​template",​ 
 +    "​Spacious"​ 
 +  ], 
 +  "​author":​ "Simon DELAGE",​ 
 +  "​license":​ "​GPL-3.0",​ 
 +  "​bugs":​ { 
 +    "​url":​ "​https://​github.com/​geekitude/​dokuwiki-template-spacious/​issues"​ 
 +  }, 
 +  "​homepage":​ "​https://​github.com/​geekitude/​dokuwiki-template-spacious#​readme"​ 
 +
 + 
 + 
 +Is this OK? (yes) 
 +PS C:​\www.dev\dokuwiki\lib\tpl\spacious>​ npm install grunt --save-dev 
 +npm notice ​created a lockfile as package-lock.json. You should commit this file. 
 ++ grunt@1.0.4 
 +added 97 packages ​from 63 contributors and audited 179 packages in 11.84s 
 +found 0 vulnerabilities 
 + 
 +PS C:​\www.dev\dokuwiki\lib\tpl\spacious>​ npm install grunt-contrib-watch --save-dev 
 +grunt-contrib-watch@1.1.0 
 +added 23 packages from 28 contributors and audited 223 packages in 3.751s 
 +found 0 vulnerabilities 
 + 
 +PS C:​\www.dev\dokuwiki\lib\tpl\spacious>​ npm install grunt-postcss autoprefixer postcss-rtl --save-dev 
 ++ postcss-rtl@1.5.0 
 ++ grunt-postcss@0.9.0 
 ++ autoprefixer@9.6.5 
 +added 22 packages from 50 contributors and audited 297 packages ​in 5.022s 
 +found 0 vulnerabilities 
 + 
 +PS C:\www.dev\dokuwiki\lib\tpl\spacious>​ grunt 
 +>> Local Npm module "​grunt-autoprefixer"​ not found. Is it installed?​ 
 + 
 +Running "​watch"​ task 
 +Waiting... 
 +PS C:​\www.dev\dokuwiki\lib\tpl\spacious> ​npm install grunt-autoprefixer --save-dev 
 +npm WARN deprecated browserslist@0.4.0:​ Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools. 
 ++ grunt-autoprefixer@3.0.4 
 +added 18 packages from 40 contributors and audited 323 packages in 4.434s 
 +found 0 vulnerabilities 
 + 
 +PS C:\www.dev\dokuwiki\lib\tpl\spacious>​ grunt 
 +Running "​watch"​ task 
 +Waiting... 
 +>> File "​css\src\spacious.theme.less"​ changed. 
 +Running "​postcss:​dist"​ (postcss) task 
 +>> 3 processed stylesheets created. 
 + 
 +Done. 
 +Completed in 2.908s at Mon Oct 14 2019 16:42:32 GMT+0200 (GMT+02:​00) ​Waiting... 
 +>> File "​css\src\spacious.theme.less"​ changed. 
 +Running "​postcss:​dist"​ (postcss) task 
 +>> 3 processed stylesheets created. 
 + 
 +Done. 
 +Completed in 2.967s at Mon Oct 14 2019 16:44:31 GMT+0200 (GMT+02:00) Waiting... 
 +>> File "​css\src\spacious.theme.less"​ changed. 
 +Running "​postcss:​dist"​ (postcss) task 
 +>> 3 processed stylesheets created. 
 + 
 +Done. 
 +Completed in 3.010s at Mon Oct 14 2019 16:45:52 GMT+0200 (GMT+02:​00) ​Waiting... 
 +>> File "​css\src\spacious.plugins.less"​ changed. 
 +Running "​postcss:​dist"​ (postcss) task 
 +>> 3 processed stylesheets created. 
 + 
 +Done. 
 +Completed in 2.910s at Mon Oct 14 2019 16:46:01 GMT+0200 (GMT+02:00) - Waiting... 
 +>> File "​css\src\spacious.less"​ changed. 
 +Running "​postcss:​dist"​ (postcss) task 
 +>> 3 processed stylesheets created. 
 + 
 +Done. 
 +Completed in 2.704s at Mon Oct 14 2019 16:46:16 GMT+0200 (GMT+02:00) - Waiting... 
 +>> File "​css\src\spacious.less"​ changed. 
 +Running "​postcss:​dist"​ (postcss) task 
 +>> 3 processed stylesheets created. 
 + 
 +Done. 
 +Completed in 2.951s at Mon Oct 14 2019 16:46:31 GMT+0200 (GMT+02:00) - Waiting... 
 +>> File "​css\src\spacious.plugins.less"​ changed. 
 +Running "​postcss:​dist"​ (postcss) task 
 +>> 3 processed stylesheets created. 
 + 
 +Done. 
 +Completed in 2.954s at Mon Oct 14 2019 16:46:38 GMT+0200 (GMT+02:00) - Waiting... 
 +>> File "​css\src\spacious.theme.less"​ changed. 
 +Running "​postcss:​dist"​ (postcss) task 
 +>> 3 processed stylesheets created. 
 + 
 +Done. 
 +Completed in 2.984s at Mon Oct 14 2019 16:46:45 GMT+0200 (GMT+02:00) - Waiting... 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 + 
 +Windows PowerShell 
 +Copyright (C) Microsoft Corporation. Tous droits réservés. 
 + 
 +PS C:​\Users\sdela>​ cd C:\www.dev\dokuwiki\lib\tpl\namespaced 
 +PS C:​\www.dev\dokuwiki\lib\tpl\namespaced> npm install ​grunt --save-dev 
 +npm notice created a lockfile as package-lock.json. You should commit this file. 
 ++ grunt@1.0.4 
 +added 97 packages from 63 contributors and audited 179 packages in 24.66s 
 +found 0 vulnerabilities 
 + 
 +PS C:​\www.dev\dokuwiki\lib\tpl\namespaced>​ npm install grunt-contrib-watch ​--save-dev 
 ++ grunt-contrib-watch@1.1.0 
 +added 23 packages from 28 contributors and audited 223 packages in 9.119s 
 +found 0 vulnerabilities 
 + 
 +PS C:​\www.dev\dokuwiki\lib\tpl\namespaced> ​npm install grunt-postcss --save-dev 
 +grunt-postcss@0.9.0 
 +added 4 packages from 38 contributors and audited 243 packages in 2.748s 
 +found 0 vulnerabilities 
 + 
 +PS C:​\www.dev\dokuwiki\lib\tpl\namespaced> ​npm install autoprefixer --save-dev 
 ++ autoprefixer@9.7.
 +added 11 packages from 8 contributors and audited 271 packages in 9.129s 
 +found vulnerabilities 
 + 
 +PS C:​\www.dev\dokuwiki\lib\tpl\namespaced>​ npm install postcss-rtl --save-dev 
 ++ postcss-rtl@1.5.0 
 +added 6 packages from 6 contributors and audited 297 packages in 5.052s 
 +found 0 vulnerabilities 
 + 
 +PS C:​\www.dev\dokuwiki\lib\tpl\namespaced>​
 </​cli>​ </​cli>​
 +
 L'​opération génère ces fichiers supplémentaires : ''​package.json''​ et ''​package-lock.json''​ L'​opération génère ces fichiers supplémentaires : ''​package.json''​ et ''​package-lock.json''​
  
info/webdesign/accueil.1540570663.txt.gz · Dernière modification: 2018/10/26 18:17 par Simon