使用 Laravel elixir 遇到 CSS 样式无法正确显示问题

我在学习 laravel elixir 中遇到无法正确显示 Flat-UI 样式的问题,请懂得人指点一下。
在 gulpfie.js 文件中:

elixir(function(mix) {
mix.styles([
"flat-ui.min.css",
"vendor/bootstrap/css/bootstrap.min.css"
], 'public/assets/css/styles.css');
});
elixir(function(mix) {
mix.scripts([
"flat-ui.min.js",
"vendor/html5shiv.js",
"vendor/jquery.min.js",
"vendor/respond.min.js",
"vendor/video.js"
], 'public/assets/js/scripts.js');
});
elixir(function(mix) {
mix.version([
'assets/css/styles.css',
'assets/js/scripts.js']);
});

配置之后,形成了 rev-mannifest.josn 文件,并且我也将样式需要的字体复制到了 build/assets/fonts 目录下。

在 welcome.blade.php 模板中引用,如下:

<head>
    <title>Laravel</title>
    <link rel="stylesheet" href="{{ elixir("assets/css/styles.css") }}">
</head>
<body>
<div class="container">
    <h1>Hello, world!</h1>
</div>
<!-- /.container -->
<script src="{{ elixir('assets/js/scripts.js') }}"></script>
</body>

无法正确显示 hello world 的字体样式。

《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 5
Summer

请修改下格式

8年前 评论

@Summer 中英文之间加入空格等这些排版吗?

8年前 评论
Summer

代码高亮

8年前 评论

@Summer 好了,大概是这样式吧!

8年前 评论

问题已经解决: 用自带的环境 artisan 时显示正确,应该是我 XAMPP 环境问题。
并且需要注意:基础样式要靠前,样式是按顺序覆盖的。

8年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!