Fichiers d'environnement de production Foundation 5

Question

J'ai créé un nouveau projet de fondation en utilisant le foundation new myproject --libsass méthode.

C'est juste un simple index.html statique (aux fins de cette question).

Je l'ai maintenant déployé sur un serveur live et je me demande quelle est la meilleure façon de structurer cela.j'ai omis le nœud_modules & scss répertoires, et il me reste ce qui suit :

• bower_components/
• css/
• js/
• index.html
• bowerrc
• bower.json
• Gruntfile.js
• humains.txt
• package.json
• LISEZMOI.md

bower_components est nécessaire dans sa forme actuelle, à moins que je ne mélange certains fichiers, ce que j'ai l'intention de faire, mais je vérifie s'il existe une meilleure façon de le faire et que je n'ai pas manqué une commande de terminal magique à déployer à la production.

Answer 1

Comme robuste suggéré dans les commentaires, grognement est la voie à suivre ici.Il existe de nombreux plugins, voir un liste sur la page officielle.

Si vous souhaitez que Grunt « compile » votre projet dans un dossier spécifique que vous pouvez ensuite, par exemple, transférer vers un serveur de déploiement, vous devez faire plusieurs choses dans Grunt :

1. compilez votre scss
2. réduisez votre javascript, ce qui rend les fichiers plus petits, voir jscompress pour une démo de ce que c'est.Tous vos fichiers js de /bower_components que vous incluez dans votre projet doivent être dans un supplier.js qui est chargé en premier, puis un deuxième fichier js doit contenir votre js personnalisé de /js
3. enregistrez le tout dans un dossier de déploiement.
4. (facultatif) déployer automatiquement sur un serveur.

Jetez un œil à ces tutoriels grunt pour configurer votre gruntfile.js, vous aurez besoin de deux tâches, une pour compiler rapidement votre scss, une pour l'ensemble du processus de déploiement :

• le grognement n'est ni bizarre ni dur
• tutoriel officiel
• tutoriel de point de site

Ils vous montrent comment faire certaines choses et certainement comment écrire le fichier grunt.Les plugins que vous souhaiterez peut-être utiliser en dehors de votre plugin libsass actuel sont enlaidir et tout plugin qui vous permet de déployer votre code via git, FTP ou autre chose.Vous pouvez télécharger tous ces plugins via npm en les ajoutant à votre package.json et en faisant npm install, reportez-vous à leurs sites Web pour obtenir des instructions d'utilisation exactes.