Laravel 5与Foundation 5

我在“resources/assets/bower_components”下通过bower安装了基础。Laravel 5与Foundation 5

我不知道如何处理_settings.scss文件以及放置位置。

我app.scss文件只是有：

@import "../bower_components/foundation/scss/foundation"; 
@import "../bower_components/foundation/scss/normalize";

我不能让JavaScript来的工作。我不知道为什么。在我的gulpfile中，我将所有的javascript文件合并到一个文件app.js.

这是我的gulpfile。

elixir(function(mix) { 

var bowerPath = "resources/assets/bower_components/"; 

mix.sass(
    [ 
     "app.scss" 
    ], 
    "public/css", 
    { 
     includePaths: [ 
      bowerPath + "foundation/scss" 
     ] 
    } 
) 
    .scripts(
    [ 
     "jquery/dist/jquery.js", 
     "fastclick/lib/fastclick.js", 
     "jquery.cookie/jquery.cookie.js", 
     "jquery-placeholder/jquery.placeholder.js", 
     "foundation/js/foundation.js" 
    ], 
    "public/js/app.js", 
    bowerPath 
); 
});

这里是我当前的项目结构：http://postimg.org/image/jhppu3lab/0789eba0/

有人请帮助。我被卡住了，我认为我一直在做一些错误的事情。如果有人能够引导我通过新的Laravel项目将Foundation 5安装到Laravel 5，那将非常棒！

来源

2015-05-08 Leah P. Matthew

-1

有时使用鲍尔比SIMPLE手动解决方案更麻烦。

我使用下面的解决方案：

我添加这些行到我的主模板：

@if(\App::environment() == 'local') 
    @include('layouts.files_local') 
@else 
    @include('layouts.files_cdnjs') 
@endif

的files_local里面我有

{!! HTML::script('js/jquery-2.1.4.min.js') !!} 
{!! HTML::script('js/uikit.min.js') !!} 
{!! HTML::style('css/uikit.almost-flat.min.css') !!}

而且里面filescdnjs我有

{!! HTML::script('//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js') !!} 
{!! HTML::style('//cdnjs.cloudflare.com/ajax/libs/uikit/2.20.2/css/uikit.almost-flat.min.css') !!} 
{!! HTML::script('//cdnjs.cloudflare.com/ajax/libs/uikit/2.20.2/js/uikit.min.js') !!}

这是我在本地工作时遇到的连接问题的解决方法。如果你在一个可靠的连接上联机工作，那么只用CDNJS版本就足够了
在本例中我使用了UI-Kit，因为在三个CSS框架（Semantic-UI旁边）对我来说这是最好的解决方案。将我的UI套件替换为Foundation，工作就完成了。

来源

2015-05-08 05:04:56 Peter

这个答案基本上是“放弃而不使用药剂”，对于这个问题IMO是一个很差的答案。 – ceejayoz

对于JavaScript，我们使用了mix.scripts的第三个参数来设置应用程序根目录的基本路径，这似乎更好。

mix.scripts(sharedJs.concat([ 
    'bower_components/jquery/dist/jquery.js', 
    'bower_components/fastclick/lib/fastclick.js', 
    'bower_components/jquery.cookie/jquery.cookie.js', 
    'bower_components/jquery-placeholder/jquery.placeholder.js', 
    'bower_components/foundation/js/foundation.js' 
]), 'public/js/app.js', './');

来源

2015-05-08 13:13:46 ceejayoz

Laravel 5与Foundation 5

回答

相关问题