【万字长文】通过grunt、gulp和fit，彻底搞懂前端的自动化构建（三）
FISfis 最新版本是 3.x，在 16 年左右非常流行，但是目前已经停止更新维护了。学习 fis 的目的不是为了使用它，而是为了了解它的设计思想。相比较于 grunt 和 gulp，fis 属于另一类构建系统。fis 的特点是高度集成，将前端日常开发中经常用到的构建任务和调试任务都集成到了内部，...
【万字长文】通过grunt、gulp和fit，彻底搞懂前端的自动化构建（二）
Gulp 用法gulp 作为目前最流行的构建工具，其特点是高效、易用、使用简单。基本用法首先在项目中安装 gulp。npm i -D gulp安装 gulp 时会自动安装一个 gulp-cli 模块。然后在项目的根目录下编写 gulp 配置文件，配置文件约定的名字是 gulpfile.js。gulp...
【万字长文】通过grunt、gulp和fit，彻底搞懂前端的自动化构建（一）
在上一篇文章中介绍了前端工程化中脚手架工具，这篇文章作为前端工程化的第二部分，自动化构建。简介一切重复工作本应自动化。自动化构建是前端工程化中一个重要的组成部分。自动化就是通过机器代替人工，构建就是将源代码转换为生产代码。机器自动将源代码转换为生产代码的过程就是自动化构建工作流。自动化构建工作流会脱...
前端工程化构建工具之Grunt
Grunt可以帮助开发者快速构建具有可重用性和可维护性的前端项目，并且提供了完善的任务管理和文件处理机制。其中，Grunt的File System是一个非常重要的概念。 下面是一个简单的示例，演示如何在Vue.js中注册一个名为HelloWorld的组件，并使用Grunt进行组件开发，并实现File...
前端工程化系列[04]-Grunt构建工具的使用进阶
在前端工程化系列[02]-Grunt构建工具的基本使用和前端工程化系列[03]-Grunt构建工具的运转机制这两篇文章中，我们对Grunt以及Grunt插件的使用已经有了初步的认识，并探讨了Grunt的主要组件以及它的运转机制，这篇文章是Grunt使用的进阶教程，主要输出以下内容： Gr...
前端工程化系列[03]-Grunt构建工具的运转机制
在前端工程化系列[02]-Grunt构建工具的基本使用这篇文章中，已经对Grunt做了简单的介绍，此外，我们还知道了该如何来安装Grunt环境，以及使用一些常见的插件了，这篇文章主要介绍Grunt的核心组件和运转机制。 Grunt是一套前端自动化构建工具，可以帮助我们简化开发中需要反复处理的任务，甚...
前端工程化系列[02]-Grunt构建工具的基本使用
本文主要介绍前端开发中常用的构建工具Grunt，具体包括Grunt的基本情况、安装、使用和常见插件的安装、配置和使用等内容。 1.1 Grunt简单介绍 Grunt是一套前端自动化构建工具。对于需要反复重复的任务（如压缩、编译、单元测试等），自动化构建工具可以减轻并简化我们的工作。我们只需要在 Gr...
【grunt第三弹】grunt在前端实际项目中的应用
前言 【grunt第二弹】30分钟学会使用grunt打包前端代码（02） 【grunt第一弹】30分钟学会使用grunt打包前端代码 经过前两次的学习，我们了解了grunt打包的一些基础知识，对于压缩几个文件有了初步认识 但是实际项目中的应用往往不是那么简单的，因为我们会有分支，我们也会有app版本...
【grunt整合版】30分钟学会使用grunt打包前端代码
grunt 是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于： ① 压缩文件 ② 合并文件 ③ 简单语法检查 对于其他用法，我还不太清楚，我们这里简单介绍下grunt的压缩、合并文件，初学，有误请包涵 准备阶段 1、nodeJs环境 因为grunt是基于nodeJs的，所以首先各位需...
【grunt第一弹】30分钟学会使用grunt打包前端代码
前言 以现在前端js激增的态势，一个项目下来几十个js文件轻轻松松 对于复杂一点的单页应用来说，文件上百简直是家常便饭，那么这个时候我们的js文件应该怎么处理呢？ 另外，对于css文件，又该如何处理呢？？ 这些都是我们实际工作中要遇到的问题，比如我们现在框架使用zepto、backbone、unde...
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
产品推荐
社区圈子
最佳实践
