Laravel 5与Foundation 5
Laravel 5与Foundation 5
提问于 2015-05-08 12:31:04
我通过bower在“resources/assets/bower_component”下安装了foundation。
我不知道如何处理这个_settings.scss文件，也不知道把它放在哪里。
我的app.scss文件只包含：
@import "../bower_components/foundation/scss/foundation";
@import "../bower_components/foundation/scss/normalize";我不能让javascript工作。我也不知道原因。在我的file文件中，我将所有的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，那就太棒了！
回答 2
Stack Overflow用户
发布于 2015-05-08 21:13:47
对于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', './');Stack Overflow用户
发布于 2015-05-08 13:04:56
有时使用bower比简单的手动解决方案麻烦得多。
我使用下面的解决方案：
我将以下代码行添加到我的主模板中：
@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-
- ，因为经过长时间的开发三个CSS框架(在语义-UI旁边)，我得出结论，这是我的情况下最好的解决方案。将我的UI-kit替换为基础，工作就完成了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30115789
复制相关文章
相似问题
腾讯云开发者
