作用:通过UglifyJS来压缩JS文件 推荐指数:★★★ No.9、gulp-concat Links:https://www.npmjs.com/package/gulp-concat 作用:合并JS 推荐指数:★★★ No.10、gulp-sourcemaps Links:https://www.npmjs.com/package/gulp-sourcemaps 作用:处理JS时,生成SourceMap 推荐指数:★★★ No.11、gulp-less Links:ht...
作用: 压缩HTML 下载: npm install gulp-minify-html 合并 模块名称: gulp-concat 作用:合并文件 下载:npm install gulp-concat 重命名 模块名称: gulp-rename 作用: 重命名文件 下载: npm install gulp-rename 压缩图片 插件名称:gulp-imagemin 作用: 压缩图片 下载: npm install gulp-imagemin 语法校验 在书写...
作用:对CSS文档的图片进行BASE64编码,可减少HTTPS请求,因大图使用后会造成CSS文档过大,所以需要控制适用图片的大小 gulp-useref 介绍:https://www.npmjs.com/package/gulp-useref 作用:合并HTML文档中JS、CSS为单一文件,并且改写资源请求 gulp-concat 介绍:https://www.npmjs.com/package/gulp-concat 作用:合并gul...
gulp-load-plugins 模块 一般情况下,gulpfile.js中的模块需要一个个加载。 vargulp=require('gulp'),jshint=require('gulp-jshint'),uglify=require('gulp-uglify'),concat=require('gulp-concat');gulp.task('js',function(){returngulp.src('js/*.js').pipe(jshint()).pipe(jshint.reporter('default'...
一,作用:(1) 能够完成代码的压缩 (2) 合并,复制,监听,ES6的代码转换,启动服务器等等 二,gulp 使用步骤:搭建环境 (1)安装nodeJS (2) 安装node的目的是为了测试npm (npm是nodeJS的包管理工具 全称:nodeJS Package Manager) 使用npm的原因: a.如果一个项目中使用的第三方js代码非常多,意味着,我们需要在不同...
gulp-concat 介绍:[https://www.npmjs.com/package/gulp-concat](https://www.npmjs.com/package/gulp-concat)作用:合并gulp.src()中文件为单一文件 browserify 介绍:[https://www.npmjs.com/package/browserify](https://www.npmjs.com/package/browserify)作用:合并指定入口JS文件内的依赖模块,适用于common...
合并文件:在生产环境下,我们需要将参数分散的小文件合并成一个大文件,减少 HTTP 请求次数,从而加快网站的访问速度。对于 JS 文件和 CSS 文件,我们可以使用 Gulp 插件 gulp-concat 来进行合并。 缓存优化:在生产环境下,为了提高用户的访问速度,我们需要对文件进行缓存的优化。对于 JS 文件和 CSS 文件,我们可以使用...
2.各模块作用 minifycss // CSS压缩 uglify // js压缩 concat // 合并文件 rename// 重命名 clean //清空文件夹 minhtml //html压缩 jshint//js代码规范性检查 imagemin //图片压缩 browserSync //构建本地服务器并带有刷新功能 del //删除文件 ...
解析:ModuleFactory用于创建模块,在其构造函数中,会从compiler.options.module.rules获取解析规则,这些规则用于确定如何处理不同类型的模块(例如,如何处理.js文件、.css文件等)。同时,会创建一个Parser实例,这个Parser实例用于解析模块内部的语法(如import和require语句)。这些初始化操作确保了在开始编译模块时,模块工厂已经...
作用:合并文件,下面实例会合并一个js,放在dest/concat/all.js 地址:https://www.npmjs.com/package... 使用方法: gulp.task('concatTask', function (cb) { return gulp.src('src/**/*.js') .pipe($.concat('concat/all.js')) .pipe(gulp.dest('dest')); ...