laravel-5 - 如何附加到 {asset ('/') }，在我的可包含页面上添加前缀 URL 构建 gulp-useref 任务

Question

我在运行 gulp 时使用了 gulp 和 Laravel Blade，

我要东西吗？

我想要 {{asset('/') }} 附加到 perfix URL build

---

head-include.blade.php 在运行 gulp之前

<!-- build:css  resources/assets/css/out.css -->
<link rel="stylesheet" href="resources/assets/css/1.css">
<link rel="stylesheet" href="resources/assets/css/2.css">
<!-- endbuild -->

gulpfiles.js

...
gulp.task('useref', function(){
  return gulp.src(paths.assets.html)
  .pipe(useref())
  .pipe(gulpIf('*.js', uglify()))

  .pipe(gulpIf('*.css', cssnano()))
  .pipe(gulp.dest(paths.dev.html))
});
...

head-include.blade.php 运行 gulp后

<link rel="stylesheet" href="resources/assets/css/out.css">

---

但我想要它：

我想 {{asset('/') }} 附加到 perfix url build

head-include.blade.php我想要..

<link rel="stylesheet" href="{{ asset('/') }} resources/assets/css/out.css">

Answer 1

安装 gulp-replace

npm install gulp-replace --save-dev

replace = require('gulp-replace');

gulp.task('useref', function(){
  return gulp.src(paths.assets.view)
    .pipe(replace("{{ asset('resources/assets') }}", 'resources/assets'))
    .pipe(useref())
    // Minifies only if it's a JavaScript file
    .pipe(gulpIf('*.js', uglify()))
    // Minifies only if it's a CSS file
    .pipe(gulpIf('*.css', cssnano()))

    .pipe(gulp.dest(paths.dev.view))

    .pipe(replace('../assets', "{{ asset('resources/assets') }}"))
    .pipe(gulp.dest(paths.dev.view))
});

---

<!-- build:css(./)  resources/assets/css/out.css -->
<link rel="stylesheet" href="{{ asset('resources/assets') }}/css/1.css">
<link rel="stylesheet" href="{{ asset('resources/assets') }}/css/2.css">
<!-- endbuild -->