gulp 用什么方法访问文件内容

1.文件合并：关于文件合并很多人存在这样的疑惑，在前端开发中到底该把所有js和css写在一个文件里还是各个页面分开写，我的建议是开发的时候分开写，上线的时竖滑祥候合并为一个，这样的好处是对于浏览器来说，不同页面中相同的文件默认会请求一次缓存下来，其他页面请求相同文件时就直接从缓存中读取，减少文件的网络请求可以提高网页速度，所以文件合并的是很有必要的。

2.文件压缩：既然都合并了，何不再压缩一下呢

3.语法检查：这个功能一般会和下面第4条功能配合使用，当文件修改的时候检查是否有语法错误，并在命令行中输出错误信息。

4.监听文件变化：监听某个目录下文件是否修改，修改的话就执行特定的 *** 作，比如上面几个 *** 作。

以上4点余搏是比较常用的功能，更多功能根据自己需要添加

var gulp = require('gulp')

var jshint = require('gulp-jshint')//语法检查

var concat = require('gulp-concat')//合并文件

var uglify = require('gulp-uglify')//压缩代码

var rename = require('gulp-rename')//让雹重命名

// 语法检查

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

return gulp.src('public/javascripts/*.js')

.pipe(jshint())

.pipe(jshint.reporter('default'))

})

// 合并文件之后压缩代码

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

return gulp.src('public/javascripts/*.js')

.pipe(concat('all.js'))

.pipe(gulp.dest('public/javascripts/dist'))

.pipe(uglify())

.pipe(rename('all.min.js'))

.pipe(gulp.dest('public/javascripts/dist'))

})

// 监视文件的变化

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

gulp.watch('public/javascripts/*.js', ['jshint', 'minify'])

})

// 注册缺省任务

gulp.task('default', ['jshint', 'minify', 'watch'])

// gulp.task('default', ['jshint', 'minify'])

1.文件合并：关于文件合并存疑惑前端发底该所jscss写文件各页面写我建议发候写线候合并处于浏览器说同页面相同文件默认请求缓存其页面请求相同文件芦耐直接缓存读取减少文件网络请求提高网页速度所文件合并必要

2.文件压缩：既都合并何再压缩呢

3.语检查：功能般面第4条功能配合使用文件修改候检查否语错误并命令行输错误信息源哗蔽

4.监听文件变化：监听某目录文件否修改修改执行特定 *** 作比面几 *** 作

4点比较用功能更功能根据自需要添加

var gulp = require('gulp')

var jshint = require('gulp-jshint')//语检查

var concat = require('gulp-concat'雹州)//合并文件

var uglify = require('gulp-uglify')//压缩代码

var rename = require('gulp-rename')//重命名

// 语检查

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

return gulp.src('public/javascripts/*.js')

.pipe(jshint())

.pipe(jshint.reporter('default'))

})

// 合并文件压缩代码

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

return gulp.src('public/javascripts/*.js')

.pipe(concat('all.js'))

.pipe(gulp.dest('public/javascripts/dist'))

.pipe(uglify())

.pipe(rename('all.min.js'))

.pipe(gulp.dest('public/javascripts/dist'))

})

// 监视文件变化

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

gulp.watch('public/javascripts/*.js', ['jshint', 'minify'])

})

// 注册缺省任务

gulp.task('default', ['jshint', 'minify', 'watch'])

// gulp.task('default', ['jshint', 'minify'])

-

---