X-BUILD一套基于Webpack(v4.21.0)快速搭建H5场景开发环境的脚手架，只需要几分钟的时间就可以运行起来。X-BUILD是针对H5开发的一套自动化构建工具，致力于提升开发效率，减小开发难度。它可以让你在没有任何构建工具（例如 grunt 、 gulp 或 webpack 等工具）配置 ...
分类：
其他好文 时间：
2020-04-20 23:38:47
阅读次数：
71
一.gulp是什么 Gulp 是一种前端工作流的工具,它可以解决前端中很多其实并不需要人力参与的工作，例如： 变更静态资源 合成文件,把多个文件合为一个文件 监控变化,自动刷新浏览器 解析浏览器不识别的语言,如scss等 下面会说几个常见的gulp模块,列举功能和例子,希望你看完本章后能对gulp有 ...
分类：
其他好文 时间：
2020-04-19 00:44:53
阅读次数：
66
1 创建项目 安装nodejs/全局安装gulp/本地安装gulp/创建package.json和gulpfile.js文件，项目目录如下： 2 自动更改版本号插件简介 3 本地安装插件 安装 安装 安装 4 配置gulpfile.js 5 执行任务 命令提示符执行： 执行后压缩后的文件目录如下： ...
分类：
其他好文 时间：
2020-04-14 01:18:07
阅读次数：
158
1 创建项目 安装nodejs/全局安装gulp/本地安装gulp/创建package.json和gulpfile.js文件，项目目录如下： 2 压缩插件简介 3 本地安装插件 安装 安装 安装 4 配置gulpfile.js 5 执行任务 命令提示符执行： 执行后压缩后的文件目录如下： 6 插件其 ...
分类：
其他好文 时间：
2020-04-14 00:38:04
阅读次数：
85
前情提要 上一篇文章介绍了目前前端比较流行的各种编辑器，以及各种流行的打包方式，最后给了一个Gulp的例子，这个例子还是14年的时候写的，还有一些可以优化的空间，就不讨论了，这篇文章主要讲目前火热的打包构建方式--Webpack的使用方式。 主菜--没有开胃汤 其实Webpack的入门指导文章非常多 ...
分类：
其他好文 时间：
2020-04-02 15:36:35
阅读次数：
74
reactjs是一枚新进小鲜肉，跟gulp搭配流行一段时间了。工作或者面试中经常遇到这样的问题，“子组件如何向父组件传值？”。其实很简单，概括起来就是：react中state改变了，组件才会update。父写好state和处理该state的函数，同时将函数名通过props属性值的形式传入子，子调用父 ...
分类：
其他好文 时间：
2020-03-30 00:02:06
阅读次数：
67
微信小程序出现引发了很多讨论，许多开发者都跃跃欲试尝试了小程序的开发。它重新定义了自身的一套开发规范，对于现有的html页面是不支持了。 为此我们设想了一套方案，怎么最快速的把现有的开发流接入到小程序中，并能快速的修改现有html项目以符合微信小程序的规范？于是写了一套html暴力转译成wxml的方 ...
分类：
微信 时间：
2020-03-28 20:12:12
阅读次数：
163
需求背景 前后端分开部署时，需要单独为前端启动一个服务，如果使用gulp connect的话，那么代理需要额外的插件来配置。首先说下为什么需要代理，gulp connect是静态web的server（就是只能访问静态页面），如果需要向另外一个或几个服务器请求数据那么就需要代理。除非前后端一起部署，不 ...
分类：
其他好文 时间：
2020-03-28 18:09:55
阅读次数：
74
在网页中会引入哪些常见的静态资源？ 1.JS（.js .jsx .coffee .ts(TypeScript 类 c# 语言 c sharp 语言)） 2.CSS （.css .less .scss .sass(基本不用了)） 3.Images（.jpg .png .gif .bmp .svg） 4 ...
分类：
Web程序 时间：
2020-03-23 17:02:13
阅读次数：
103
CSS const css = () => ( src(`${SRC_DIR}**/*.css`) .pipe(dest(`${OUTPUT_DIR}css/`)) ) exports.default = series(css) View Code 压缩css，更改文件名 npm i -D gulp ...
分类：
其他好文 时间：
2020-03-21 18:01:06
阅读次数：
69
