使用 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 的字体样式。
推荐文章: