Html 如何修复gulp注入文件
你好 我想问一下,如何才能在本地主机上注入文件。 也许我在gulpfile.js中出错了 我试图修好它,但它不起作用 CSS&JSHtml 如何修复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
<!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'));
});