Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何修复gulp注入文件_Html_Css_Gulp_Gulp Concat_Gulp Inject - Fatal编程技术网

Html 如何修复gulp注入文件

Html 如何修复gulp注入文件,html,css,gulp,gulp-concat,gulp-inject,Html,Css,Gulp,Gulp Concat,Gulp Inject,你好 我想问一下,如何才能在本地主机上注入文件。 也许我在gulpfile.js中出错了 我试图修好它,但它不起作用 CSS&JS <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta nam

你好

我想问一下,如何才能在本地主机上注入文件。 也许我在gulpfile.js中出错了 我试图修好它,但它不起作用 CSS&JS

<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <title></title>
    <!-- inject:css -->
    <link rel="stylesheet" href="/assets/css/min/all-min.css">
    <!-- endinject -->
</head>


<body>

<!-- inject:js -->
<script src="/assets/js/min/all-min.js"></script>
<!-- endinject -->
</body>
</html>


感谢您的帮助

当您在文件系统上实际转到
/assets/css/min/
时,是否看到
all-min.css
?是的。。所有最小css。你知道解决这个问题的方法吗?谢谢,当你运行
gulp css
时,它不是创建一个名为
all-min.css
的文件,而是创建一个名为
all-min-css
的文件,这其实并不重要。试试这个,要检查您的服务器是否存在问题:请在
/assets/css/min/
中手动创建一个名为
test.css
的新文件,然后尝试浏览到
localhost/assets/css/min/test.css
并查看它是否返回您创建的文件。当我打开源代码并单击css链接时,会将我重定向到localhost/asset/css/min/all-min.css/|但是我的应用程序看起来像这个localhost/app/assets/css/min/all-min.css。。。我不明白问题出在哪里当您在文件系统上实际转到
/assets/css/min/
时,是否看到
all-min.css
?是的。。所有最小css。你知道解决这个问题的方法吗?谢谢,当你运行
gulp css
时,它不是创建一个名为
all-min.css
的文件,而是创建一个名为
all-min-css
的文件,这其实并不重要。试试这个,要检查您的服务器是否存在问题:请在
/assets/css/min/
中手动创建一个名为
test.css
的新文件,然后尝试浏览到
localhost/assets/css/min/test.css
并查看它是否返回您创建的文件。当我打开源代码并单击css链接时,会将我重定向到localhost/asset/css/min/all-min.css/|但是我的应用程序看起来像这个localhost/app/assets/css/min/all-min.css。。。我不明白问题出在哪里
   var gulp = require('gulp');
var gulputil = require('gulp-util');
var coffee = require('gulp-coffee');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var imagemin = require('gulp-imagemin');
var inject = require('gulp-inject');
var useref = require('gulp-useref');
var gulpif = require('gulp-if');
var browserSync = require('browser-sync').create();
var path = require('path');
//var minifyCss = require('gulp-minify-css');
var reneme =  require('gulp-rename');
var livereload = require('gulp-livereload');

gulp.task('default', function(){

});

gulp.task('index', function () {
    var target = gulp.src('index.html');
    var sources = gulp.src(['assets/js/min/*.js', 'assets/css/min/*.css'], {read: false});

    return target.pipe(inject(sources))
        .pipe(gulp.dest('./'));

});

gulp.task('js', function() {
    return gulp.src('assets/js/*.js')
        .pipe(concat('all-min.js'))
        .pipe(gulp.dest('assets/js/min'));
});

gulp.task('css', function() {
    return gulp.src('assets/css/*.css')
        .pipe(concat('all-min.css'))
        .pipe(gulp.dest('assets/css/min'));
});