根据电脑配置下载安装node.js (win + R -> cmd -> node -v 检查是否安装成功node.js) npm install gulp --save-dev (建议装在项目目录中, 也可以通过 淘宝镜像 安装,需要先安装淘宝镜像 npm install ...
最近需要对项目进行优化,主要是对js的压缩合并和css文件的压缩,查找相关资料之后发现gulp可以实现相关的功能,特此分享一下使用心得。 .安装gulp gulp是基于Node.js的前端构建工具。所以首先需要安装nodejs,安装nodejs。 完成nodejs安装之后,需要使用npm安装gulp。 先安装全局gulp 然后在项目根目录下安装本地gulp。 此时项目根目录下会多出下面这个文件夹 ...
2015-03-06 15:40 0 6753 推荐指数:
根据电脑配置下载安装node.js (win + R -> cmd -> node -v 检查是否安装成功node.js) npm install gulp --save-dev (建议装在项目目录中, 也可以通过 淘宝镜像 安装,需要先安装淘宝镜像 npm install ...
在我们日常使用gulp进行js文件压缩合并的时候: gulp.task('copy-js',() => { gulp.src('./js ...
合并css中的图片 css代码 在路劲后面加 ?__spriter 标识要进行合并 gulp-css-spriter 默认会合并CSS中的所有图片,要按需合并则需要修改 node_modules\gulp-css-spriter\lib ...
gulp的使用命令简单,就几个,gulp的简单使用教材可以参考一点的gulp使用教材(http://www.ydcss.com/archives/18)。 下面就简单的介绍这些命令如何互相配合的完成前端的构建工作。 项目结构: 首先全局安装gulp,使用命令:npm install ...
Gulp 基于 Node.js 的前端构建工具,可以实现前端代码的编译(sass、less)、压缩合并(JS、CSS)、测试;图片的压缩;已经添加 JS 和 CSS 版本号,防止浏览器缓存。 1. 安装 全局安装 进入项目跟目录,初始化 npm init , 然后安装: 安装插件 ...
一. 简介 1.背景:浏览器默认一次性请求的网络数是有上限的,如果你得js和css文件太多,就会导致浏览器需要多次加载,影响页面的加载速度, MVC中提供Bundles的方式压缩合并js和css,是MVC中特有的一种优化方式。 (当然现在前端也有很多基于node的工作流插件,可以合并压缩 ...
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System ...
最近在学习钉钉(一个协作应用)桌面应用的前端源码时候,发现其js源码是用browserify做模块开发。于是想还原其源码的原本的目录结构,学习它的目录分类以及业务划分。 前言 用过browserify构建工具的应该清楚,在压缩合并后的代码的最前面,有处理模块依赖关系的代码 ...