i would like to learn the best way how to add zurb foundation single component to my fresh laravel project.
What i have done so far is:
npm install foundation-sites --save
And second is
<link rel="stylesheet" href="{{ mix('css/app.css') }}" />
to my layout.blade.php
And my questions is what should i write in
- sass/app.scss
- webpack.mix.js
And maybe there is something else that needs to be done? I want to use label component only...
<span class="label success">Hello world</span>
thank you very much!
i solve that ,look at :
https://laracasts.com/discuss/channels/tips/using-foundation-630-with-laravel-54
in resources/assets/sass/app.scss
add this after clear all what you find:
in
resources/assets/js/bootstrap.js
, look forrequire('bootsrap-sass');
and remove it.go to this path (with File Explorer)
node_modules\foundation-sites\scss\settings
and copy the file _settings.scssto the new path
resources\assets\sass
, and you can remove the _variables.scss file.Open the file _settings.scss in code editor , and change the line 44:
to
in webpack.mix.js
open your file webpack.mix.js in the root of your project. and comment or remove the code:
change this:
to this:
DO NOT FORGOT TO ADD the Initializing code to run JavaScript
IN YOUR FOOTER: