1, webpack是什么 1), 是一个打包工具, 比gulp, grunt更先进 2), 额外功能 项目部署上线, 清空目录等 hot module reload, 页面刷新后, 数据不变化 3), 打包流程 css, js等打包成bundle.js文件 js: babel-loader 来加载 ...
分类:
Web程序 时间:
2018-10-06 19:47:19
阅读次数:
184
什么是gulp? 什么是gulp? 官网中这样写道:gulp是自动化构建工具。虽然经常有在用gulp,看了之后还是懵懵的。看了一下别人的理解,这样说道: Gulp 是基于node.js的一个前端自动化构建工具,开发这可以使用它构建自动化工作流程(前端集成开发环境)。 使用gulp你可以简化工作量,让 ...
分类:
其他好文 时间:
2018-10-05 15:10:36
阅读次数:
1094
实战环境搭建 1.1环境运行环境nodejs使用gulp自动化编译scss,js等使用bower管理依赖插件使用requirejs作为模块加载器使用bootstrap css作为样式框架依赖jquery,jquery-ui两个库 1.2项目目录node_modules为依赖模块文件.bowerrc ...
分类:
其他好文 时间:
2018-10-02 20:33:55
阅读次数:
376
启服务 然后讲 bootstrap gulp 不能全局安装 gulpfile.js 服务配置文件 @charset "utf-8";@import "../../lib/bootstrap/dist/css/bootstrap.min.css";@import "../../font/iconfon ...
分类:
其他好文 时间:
2018-10-02 20:18:51
阅读次数:
195
https://www.gulpjs.com.cn/docs/getting-started/ ,这个是3.9.0版本 后面发现安装的版本是4.0.0,看下面这个: https://github.com/gulpjs/gulp/blob/master/docs/API.md 参考:https://b ...
分类:
Web程序 时间:
2018-09-30 18:17:03
阅读次数:
567
前言 Gulp,简而言之,就是前端自动化开发工具,利用它,我们可以提高开发效率。 比如: 1、 压缩js 2、 压缩css 3、 压缩less 4、 压缩图片 等等… 我们完全可以利用Gulp来自动化地完成这些重复性很强的工作。 Gulp可以帮助我们 用自动化构建工具增强你的工作流程! 好了,废话不 ...
分类:
其他好文 时间:
2018-09-18 13:43:44
阅读次数:
186
因为是连续写的2篇随笔,废话不多说。直接进入正题。 选择预编译的工具时,笔者采用了gulp。虽然,如今市面上大多采用的多为webpack,使用gulp也是有自己的缘由的。 webpack的最主要特点是可以将项目大多数资源打包为单个Js。h5项目中,打包后可以减少文件的请求数量,而小程序是由微信侧控制 ...
分类:
微信 时间:
2018-09-18 13:05:52
阅读次数:
233
一、Gulp 是基于node.js 流(stream)的一个前端自动化构建工具,可以使用它构建自动化工作流程,简化我们工作量,让我们把重点放在功能的开发上,从而提高我们的开发效率和工作质量。 我们可以用gulp自动刷新网页,对sass进行预处理、代码检测、图片优化压缩、这一切,只需要一个简单的指令就 ...
分类:
其他好文 时间:
2018-09-13 23:13:20
阅读次数:
248
1、全局安装gulp cnpm install gulp -g 2、如果需要使用gulp的时候 a、cnpm init 初始化仓库 后面加 -y b、局部安装 gulp cnpm install gulp --save-dev --save:将保存配置信息至package.json -dev:保存至 ...
分类:
其他好文 时间:
2018-09-12 21:13:41
阅读次数:
253