最近需要对项目进行优化,主要是对js的压缩合并和css文件的压缩,查找相关资料之后发现gulp可以实现相关的功能,特此分享一下使用心得。 1.安装gulp gulp是基于Node.js的前端构建工具。所以首先需要安装nodejs,安装nodejs。 完成nodejs安装之后,需要使用npm ...
在我们日常使用gulp进行js文件压缩合并的时候: gulp.task copy js , gt gulp.src . js .pipe concat main.js .pipe gulp.dest dist js .pipe uglify .pipe rename main.min.js .pipe gulp.dest dist js .pipe connect.reload 在以上代码进行的时 ...
2019-09-29 20:35 0 1786 推荐指数:
最近需要对项目进行优化,主要是对js的压缩合并和css文件的压缩,查找相关资料之后发现gulp可以实现相关的功能,特此分享一下使用心得。 1.安装gulp gulp是基于Node.js的前端构建工具。所以首先需要安装nodejs,安装nodejs。 完成nodejs安装之后,需要使用npm ...
根据电脑配置下载安装node.js (win + R -> cmd -> node -v 检查是否安装成功node.js) npm install gulp --save-dev (建议装在项目目录中, 也可以通过 淘宝镜像 安装,需要先安装淘宝镜像 npm install ...
gulp的使用命令简单,就几个,gulp的简单使用教材可以参考一点的gulp使用教材(http://www.ydcss.com/archives/18)。 下面就简单的介绍这些命令如何互相配合的完成前端的构建工作。 项目结构: 首先全局安装gulp,使用命令:npm install ...
这个错误是由于在打包js代码时,js语法错误导致的,修改以下js的语法即可。 ...
合并css中的图片 css代码 在路劲后面加 ?__spriter 标识要进行合并 gulp-css-spriter 默认会合并CSS中的所有图片,要按需合并则需要修改 node_modules\gulp-css-spriter\lib ...
Gulp 基于 Node.js 的前端构建工具,可以实现前端代码的编译(sass、less)、压缩合并(JS、CSS)、测试;图片的压缩;已经添加 JS 和 CSS 版本号,防止浏览器缓存。 1. 安装 全局安装 进入项目跟目录,初始化 npm init , 然后安装: 安装插件 ...
简介: 使用gulp-minify-css压缩css文件,减小文件大小,并给引用url添加版本号避免缓存。重要:gulp-minify-css已经被废弃,请使用gulp-clean-css,用法一致。 1、安装nodejs/全局安装gulp/本地安装gulp/创建 ...
一. 简介 1.背景:浏览器默认一次性请求的网络数是有上限的,如果你得js和css文件太多,就会导致浏览器需要多次加载,影响页面的加载速度, MVC中提供Bundles的方式压缩合并js和css,是MVC中特有的一种优化方式。 (当然现在前端也有很多基于node的工作流插件,可以合并压缩 ...