Thèmes - l'Utilisation de bibliothèques externes

Question

Nous sommes actuellement en train de travailler sur une nouvelle marque de Magento 2 thème basé sur le Snowdog Vide Sass parent.Après beaucoup de recherches, nous avons trouvé une tonne de fonctionnalités intéressantes et des idées sur la façon de construire une solide et extensible paquet de thème.La chose nous ne sommes pas sûr de savoir comment rendre l'utilisation externe des cadres et des bibliothèques, comme par exemple Bootstrap3 ou de la Police Impressionnant.

Nous avons rencontré plusieurs idées de génie, basé sur Bower, qui permet de charger des packages à partir de tous sur la place et de les inclure à l'intérieur du thème.La chose est, où allons-nous les mettre et comment il va tous travailler avec Sass de la compilation.Nous avons fait la Charmille répertoire param à l' //dossier lib et de mettre un git d'ignorer à la racine du thème.Basé sur cette idée, nous pouvons par exemple @import ceux dans notre _styles.scss fichier et faire usage de tous le mixin et variables.

En fin de compte, je ne suis pas totalement sûr que si c'est la manière Magento veut.Je veux dire, la librairie jQuery est mis à l'intérieur de l' /lib/dossier web qui pourrait agir comme un fournisseur de dossier pour la Charmille.Ainsi, dans le même temps, j'ai expliqué à l'intérieur de cette rubrique, nous avons aussi essayé dans la pratique et de mettre Bootstrap-sass dans le répertoire lib/dossier web.Malheureusement, cela ne marchera pas parce que le déploiement statique sera coincé dans le processus, principalement parce qu'il ne sait tout simplement pas comment gérer .scss fichiers?

J'espère que certains d'entre vous peuvent nous aider à trouver la bonne façon de position / d'où mettre toutes ces bibliothèques, et le cadre.Bower peut aider à répartir si nous obtenons le droit chemin.

Answer 1

Tant que le Sass compilateur (que ce soit Magento/Gulp/Grunt) peuvent voir le cadre, il n'a pas trop d'importance.

Une chose à noter, lors de l'utilisation de Magento compilateur (Sass ou Moins) je ne pense pas que vous pouvez importer depuis /lib avec @import "../../../../lib".C'est volontairement limité pour des raisons de sécurité.

J'ai ajouté Bootstrap en deux thèmes jusqu'à présent, l'un utilisant un thème Magento (Luminance) et une à l'aide de Snowdog du vide thème (et Frontools pour compiler).C'est la façon dont je l'ai fait.

Vide Sass thème

Lors de l'utilisation de Snowdog du vide thème-je ajouter mon troisième partie frameworks/librairies dans le /app/design/frontend/VENDOR/THEME/styles/vendor.Ensuite, ils peuvent être importés de la même façon que aucun-un projet Magento.

Standard thèmes Magento

Lorsque vous travaillez avec la valeur par défaut de Magento compilation (pas à l'aide de Gulp/Grunt) j'ai ajouter le tiers des cadres/bibliothèques /app/design/frontend/VENDOR/THEME/web/css/vendor/.Il peut ensuite être importé en tant que normale.

@import 'vendor/bootstrap/_bootstrap.less';

Je n'ai pas utilisé de Verdure avec Magento 2, mais je ne peux pas voir qu'il est différent, il faut s'assurer que Bower installer les librairies/frameworks de styles/vendeur de sorte que vous pouvez facilement importer.