Aller au contenu principal
Version: Canary 🚧

📯 Front-End

Introduction

Bow est preset (Préconfiguré) avec un environement Frontend, notamment avec Reacjs, Vuejs et Sass base sur le package laravel-mix. Ce qui permet d'accélérer le développement d'application web.

Utilisation

Pour lancer la compilation, allez dans la racine de votre application et taper npm install ou yarn install dans votre console, en fonction du gestionnaire de package que vous utilisez.

Compilation simplement

Lance la compilation des fichirs définient dans webpack.mix.js.

npm run dev

Compilation et minification les fichiers sources

Compile les sources définient dans webpack.mix.js et optimise les fichiers.

npm run prod

Surveiller le changement de fichier et récompile en fonction

Ceci permet de surveiller le changement des fichiers définient dans webpack.mix.js et ensuite rélance la compilation.

npm run watch

Pour lancer code sniffer

Code sniffer c'est un outil qui permet de formater le code, validé sa qualité et réorganisé votre code dans le standard de dévelopement (Ici me standard c'est le psr-2).

Cette commande va aussi lancer format qui est simple outil de validation synthaxique pour PHP.

npm run format

Webpack.mix.js

webpack.mix.js est une fichier qui vous permet de définir les fichiers JavaScript, JSx et Sass à compiler et est préconfiguré comme suit:

mix.react('frontend/js/app.js', 'public/js')
.sass('frontend/js/app.scss', 'public/css');

Pour plus d'information sur laravel-mix.

Il manque quelque chose ?

Si vous rencontrez des problèmes avec la documentation ou si vous avez des suggestions pour améliorer la documentation ou le projet en général, veuillez déposer une issue pour nous, ou envoyer un tweet mentionnant le compte Twitter @bowframework ou sur directement sur le github.