File Watchers dans PHPStorm

File Watchers dans PHPStorm

File Watchers est un outil PhpStorm intégré qui vous permet d'exécuter automatiquement un outil de ligne de commande tel que des compilateurs lorsque vous modifiez ou enregistrez un fichier dans l'IDE.

Vous pouvez configurer un file watchers à partir de zéro ou utiliser l'un des modèles disponibles. File Watcher configuré peut être enregistré dans les paramètres de votre projet ou dans les paramètres de l'IDE et utilisé dans différents projets.

Avec Magix CMS, nous recommandons l'utilisation de PHPstorm et des File Watchers, nous fournissons ceux-ci directement dans le skin par défaut afin de l'utiliser dans votre projet.

N'oubliez pas d'installer les packages NPM requis avant de configurer les File Watchers :

  • npm >= 4.1.2
  • less >= 3.5.0
  • less-plugin-glob >= 3.0.0
    • Requires: globby >= 9.1.0
  • less-plugin-clean-css >= 1.5.1
  • uglify-js >= 3.3.21
  • uglify-es >= 3.3.9
  • terser >= 3.17.0 (ou terser-js à la place de Uglify)
  • sass >= 1.20.1 

Création de vos scopes

Compilation du LESS

Mobile

file:skin/*/css/**/*.less&&!file:skin/*/css/src/less/tablet//*&&!file:skin/*/css/src/less/tablet.less&&!file:skin/*/css/src/less/desktop//*&&!file:skin/*/css/src/less/desktop.less&&!file:skin/*/css/src/less/tinymce.less

Tablet

file:skin/*/css/**/*.less&&!file:skin/*/css/src/less/desktop//*&&!file:skin/*/css/src/less/desktop.less&&!file:skin/*/css/src/less/tinymce.less

Desktop

file:file:skin/*/css/**/*.less&&!file:skin/*/css/src/less/tinymce.less

Plugin Style

file:plugins/*/css/src/*.less&&!file:plugins/*/skin//*

AMP

file:skin/*/amp/css/less//*

Compilation du javascript

Script

file:skin/*/js/src/*.js

Script Vendors

file:skin/*/js/vendor/src/*.js
keyboard_arrow_up