DcTbnk的博客

一.安装 gulp 及运用 # 全局环境下的安装 （只运行一次即可）-g # 在当前项目安装 项目依赖 -D # 流程 1. npm init 初始化环境 生成一个 package.json 文件 2. npm install 模块名 -g 全局安装 / -D 默认安装最新的版本 也可以指定版本 npm install gulp@3.9.1 -D devDependencies 开发环境下依赖的模块 dependencies 生产环境下依赖依赖 npm install gulp -g npm in

const gulp = require("gulp"); const sass = require("gulp-sass"); // 搭建本地服务器 修改文件后页面自动刷新需添加 livereload:true const connect = require("gulp-connect"); // 合并文件插件 const concat = require("gulp-concat"); // 合并js文件进行压缩 const uglify = require("gulp-uglify"); // 为了保

项目程序,可以使用gulp来打包,之后发给我们的辅导老师 在项目中,要创建 gulpfile.js 文件来定义打包原则 需要下载相应的第三方依赖包 我们之前是手动下载,一个一个的执行 也可以在 项目中 可以复制之前 项目文件夹中的 package.json 文件 package.json 文件 中,有之前项目下载的 依赖包 的相关信息 在 cmd 中 执行 npm install 会自动安装 package.json 文件 所记录的所有的 依赖包 实际项目中,我们上传文件程序时,如果有 g

一.sass的gulp封装 1,准备工作 先要定义项目文件夹结构 2,npm 格式化 npm init -y 3,下载 相关的依赖包 下载sass依赖包,将 sass 语法编译为 css语法 依赖包要下载为项目形式,也就是sass与gulp一样,要有全局和项目的两个依赖包 全局的 sass 平时编译使用的 npm i -g sass 项目的 gulp-sass 打包压缩使用的 npm i gulp-sass

关于 gulp 的打包压缩总结 1, gulp 的作用: 自动,打包压缩,指定的文件,将压缩好的文件,存储到指定的位置 实际项目中,执行的都是打包压缩的文件 为了提高响应时间,改善用户体验度 让页面的加载和执行,时间更短,效率更高 2, gulp 的打包压缩对象 (1), html格式 , js格式 , css格式 (2), 图片,音频,视频,icon字体图标...都是不能打包压缩的,压缩就会影响正常的程序的执行 (3), 还有一些插件等,例如

一. 1.创建一个文件夹，例如：shop 2.在shop文件夹里继续创建两个文件夹 src和dist（dist里面不需要自己去创建） 3.在src文件夹中创建对应的文件夹及其内容，如pages，css，js，images等 4.方法①：然后搜索框中搜索cmd 需要输入指令： 盘符： cd 文件路径 方法②：在shop文件夹中（即在指定的文件中）按住Shfit+右键 然后点击‘在此处打开命令窗口’ 5.切换下载地址 npm config set registry https://regi

js的打包压缩规范 1, 第三方依赖包只能打包压缩ES5规范的js代码 2, 要先将其他ES语法规范的代码转化为ES5语法规范 npm i gulp-uglify 打包压缩ES5语法规范依赖包 npm i gulp-babel 将其他ES语法规范转化为ES5语法规范 npm i @babel/core 这是两个和 gulp-babel 配合使用的依赖包 npm i @babel/preset-env 说白了就是 gul

一.gulp的基本介绍 gulp的基本介绍 gulp 是常用的压缩工具之一 要在node.js环境下使用的压缩工具 作用:是一款 自动化 打包工具 自动化 : 自己执行,不需要我们手动操作,但是需要我们提前配置是设定 打包 : 将所有的源代码,都变成压缩格式的代码内容 去除空格,去除冗余的代码,减少文件体积 是 node.js 提供的第三方依赖包 下载安装 gulp 工具包 安装命令 必须是安装为全局作用域依赖包 nmp