Brunch：入门上手

在 Phoenix 项目中遇到关于 Branch 这个 HTML5 构建工具的问题, 在这里为了剥离问题的复杂度, 独立创建一个 Branch 前端项目来探索如何使用 Brunch 这个全新的前端构建工具.Brunch 是一个HTML5的构建工具, 对于前端开发, 它能够帮助你设置和维护高效的工作流.Brunch 能够：编译脚本, 模板和样式单Lint工具把Javascri

业界 2016年07月21日

gulp-livereload实战应用

从网上搜索的结果来看，并没有完整的livereload插件的应用方法；通过实践验证，得出livereload完整的用法。livereload的功能是什么？它能使你在编辑器里按下保存的那一刻，实时自动刷新页面（当然，有一些夸张，至少我用着有些延时…）怎么用？安装第一步：拥有node环境，全局安装gulp和在当前工作目录下安装gulp、gulp-livereload、http-

业界 2016年07月13日

用 Electron 打造跨平台前端 App

前言现如今，用 HTML、JavaScript、CSS、Node.js 写桌面应用早已不是什么新鲜的事了，作为一名前端，能够使用自己熟悉的语言，快速实现自己想要的桌面应用，是件很让人兴奋的事。目前常见的有 NW、heX、Electron。今天，就来简单的上手一下 Electron。Electron 是什么？Electron 是一款可以利用 Web技术 开发跨平台桌面应用的框

业界 2016年07月13日

关于 Cannot find module '' 错误的记录

最近团队里有个小伙伴的gulp一直跑不起来，命名所有包都装好的，但是运行的时候还是报“包找不到”的错误。之前折腾了好久，没解决。 这比较影响工作效率，今天查了下，发现这个方法也许可以解决这个问题。 使用npm install -g 'xxx' 之后仍然报。 Cannot find module 'xxx' 错误，可以通过设置环境变量来解决： export NODE_PATH

业界 2016年07月14日

npm（一）：npm常用命令

package.json用于存放模块的名称、版本、作者、机构、模块入口、依赖等信息。例子：新建一个目录gulp_demo,在这个目录下通过命令：npm init 。会新建一个全新的package.json文件。可以通过 npm help json 命令，打开帮助文档，对每一个属性有想起的介绍，然后根绝实际的需要自行初始化package.json的项目。配置项介绍：

业界 2016年07月14日

JavaScript代码检查及与gulp、git的结合使用

在团队开发过程中，我们可能会要浪费一些时间在代码检查上，譬如拼写的检查、代码规范的检查。作为码农，我们当然不能把自己的时间浪费这种无意义的事情上，所以本篇我将介绍一些自动化代码检查的东西和项目实际上的应用。JSHint安装及使用JSHint是一个用于JavaScript代码静态检查的一些开源项目。他是运行与node环境，可以对我们指定的JavaScript文件进行一些静态的

业界 2016年07月18日

深入阅读gulp源码小结

阅读gulp源码小结gulp源码简介gulp源码核心部分寥寥60+行。但是通过这60+行代码，gulp给我们带来的确是前端自动化构建的便利。以往以为其源码肯定蛮复杂，却没想到却是这么60+行，这60+行的背后，是来自于模块化的支撑。gulp的四个接口分别来源于orchestrator,vinyl-fs两个模块。所以gulp的所有特性都来自于这两个模块。Orchestrato

业界 2016年07月18日

gulp+webpack工作流探索

概述最近研究了下工作流，先说一下我司的情况，我司现在是pc端用php直出，h5用vuejs构建，vuejs部分就不进行描述了，因为网上的构建方法都是很成熟的了。以下是php直出，需要向后台同学提供html文件的构建方法。调试都是在本地调试的，调试完成后打包生成html交付给后台同学。http-server 模拟数据，调试ajaxwebpack 打包js，模块化管理gulp打

业界 2016年08月05日

Electron 开发的 gulp 配置

源自 Atom-shell 的 Electron 目前是一个很火的项目。已经有很多开发者基于 Electron 开发出了各种各样的桌面程序。在我看来，对于广大前端开发者来说，最为耳熟能详的应该是 Atom 和 VS Code。在 Electron 的官网上能够看到更多有意思的项目。之前提到过，我的计划之一就是玩一下 Electron，打造一个桌面工具。上个星期经过几次摸索和

业界 2016年08月05日

回归自然：gulp+requirejs+less 多应用（模块）业务下的编译构建方案

gulp+requirejs+less 多应用（模块）业务下的编译构建方案基于gulp+requirejs+less的多应用构建方案，欢迎star: https://github.com/xiongwilee...一、Getting Started适用场景适用于中小型业务团队中，多项Web应用产品线的前端的资源构建部署。例如：某电商公司下，包括主站、商家后台、广告后台、招商

业界 2016年08月05日