"devDependencies": { "babel-core": "^6.26.3", "babel-preset-env": "^1.7.0", "babel-preset-es2015": "^6.24.1", "gulp": "^3.9.1", "gulp-babel": "^7.0.1" ...
分类:
Web程序 时间:
2019-08-24 17:04:48
阅读次数:
1114
gulp 安装: 1. 全局安装 npm i -g gulp-cli npm i -g gulp 2. 局部安装 npm i gulp -D 然后 gulp 就安装完了 Gulp是基于node的一个自动化构建工具,开发者可以使用它构建自动化工作流程(前端集成开发环境)。例如:网页自动刷新,CSS预处 ...
分类:
其他好文 时间:
2019-08-22 11:04:15
阅读次数:
100
gulp是什么? Gulp是基于node的一个自动化构建工具,开发者可以使用它构建自动化工作流程(前端集成开发环境)。 gulp基于流的操作。 常见构建工具:Grunt,gulp,webpack,FIS.. gulp有什么用? 网页自动刷新,CSS预处理,代码检测,图片压缩等功能,只需要简单的命令行 ...
分类:
其他好文 时间:
2019-08-19 23:18:17
阅读次数:
401
gulp是基于node的自动化构建工具 gulp能干啥?1.压缩JS、css文件2.合并文件3.自动编译SASS4.自动压缩图片5.保存时自动刷新浏览器 npm init >初始化一个gulp环境,创建一个package.json文件 --save:将信息保存在package.json中 --dev ...
分类:
其他好文 时间:
2019-07-22 13:40:36
阅读次数:
103
Gulp 用法 Gulp 的安装部署 + 首先安装 gulp + 全局安装gulp 命令行工具 + 全局安装 + 在项目的根目录创建一个 gulpfile.js 的文件 Gulp 中的方法 + gulp.src():获取任务要处理的文件 + gulp.dest():输出文件 + gulp.task( ...
分类:
其他好文 时间:
2019-07-20 21:17:40
阅读次数:
131
流指的是数据流,指的是数据是分片传输, 数据可以实现非阻塞 gulp 【 流式操作 】 案例: 打包压缩包 流程: 读取文件 const fs=require('fs') 2. 创建压缩包 const zlib=require('zlib') const inp=fs.createReadStrea ...
分类:
其他好文 时间:
2019-07-17 20:45:33
阅读次数:
136
1、先安装node.js ,官网下载地址:https://nodejs.org/en/ 2、安装完node之后,npm自动就安装了。可以直接在visual studio code 通过命令查看 node -v npm -v 3、由于npm的镜像国内的网络不行,我们需要将npm 镜像指向淘宝的npm镜 ...
分类:
其他好文 时间:
2019-07-10 01:09:41
阅读次数:
133
项目的所有依赖都可以安装,每个都有详细的注释。 //gulp.series|4.0 依赖顺序执行//gulp.parallel|4.0 多个依赖嵌套'html','css','js'并行 下面1和2分别运行 1.自动监测文件变化并刷新浏览器 //初始生成app/dist目录 gulp.task('i ...
分类:
其他好文 时间:
2019-07-08 19:15:42
阅读次数:
121
作者大大的地址:https://github.com/sunnie1992/vue h5 template 我们运行项目,倒是可以看一看效果 虽然就是显示的UI,但是应该可以知道作者大大想要什么东西了 移动端,应该比较重点的是适配了,所以重点看一下适配 还有作者大大没有用gulp或者webpack, ...
分类:
移动开发 时间:
2019-07-06 00:12:48
阅读次数:
792
Webpack 一、市面上有哪些类似于Webpack的前端工程化工具 1. grunt 2. gulp ( 4.x ) 3. Browserify ( Webpack 前身 ) 4. Webpack 【 主流行 】 5. rollup.js 6. "parcel" 7. FIS 二、前端工程化工具的 ...
分类:
Web程序 时间:
2019-06-30 15:52:18
阅读次数:
143