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
- mjml
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