百度360必应搜狗淘宝本站头条
vba高级教程svn连接scheduledtaskmybatis plus结构体数组
当前位置：网站首页 > 编程网 > 正文

学习笔记-Grunt(1) 学习笔记的格式

yuyutoo 2024-10-28 20:24 3 浏览 0 评论

为何要用构建工具？

一句话：自动化。对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、linting等，自动化工具可以减轻你的劳动，简化你的工作。当你在 Gruntfile 文件正确配置好了任务，任务运行器就会自动帮你或你的小组完成大部分无聊的工作。

为什么要使用 Grunt？

Grunt 生态系统非常庞大，并且一直在增长。由于拥有数量庞大的插件可供选择，因此，你可以利用 Grunt 自动完成任何事，并且花费最少的代价。如果找不到你所需要的插件，那就自己动手创造一个 Grunt 插件，然后将其发布到 npm 上。

可用的 Grunt 插件

你所需要的大多数task都已经作为Grunt插件被开发了出来，并且每天都有更多的插件诞生。官方维护的 "contrib" 插件都被标上星号,这里推荐使用官方插件,示例demo选用如下几个插件：

  • grunt-contrib-concat (js文件合并)
  • grunt-contrib-uglify (js文件压缩)
  • grunt-contrib-jshint (js代码检查)
  • grunt-contrib-cssmin (css代码压缩)

项目结构

1.安装node环境 npm会自动集成 (Grunt 0.4.x 必须配合 Node.js >= 0.8.0 版本使用)。

2.应用基本配置

  • 新建文件夹 grunt_demo,
  • 运行命令：npm install -g grunt-cli 上述命令执行完后，grunt 命令就被加入到你的系统路径中了，以后就可以在任何目录下执行此命令了。 注意，安装grunt-cli并不等于安装了 Grunt！Grunt CLI的任务很简单：调用与Gruntfile在同一目录中 Grunt。这样带来的好处是，允许你在同一个系统上同时安装多个版本的 Grunt。 这样就能让多个版本的 Grunt 同时安装在同一台机器上。
  • 执行npm init 初始化package.json文件 删除暂时用不到的代码
  • 新建Gruntfile.js文件(G一定要大写，否则grunt无法识别) 基本结构如下：
  • 安装grunt npm install grunt --save-dev 到目前为止项目结构如下：grunt正常运行

3.应用grunt插件完成js合并与压缩 css合并与压缩

  • js合并
  • 1>.安装：npm install grunt-contrib-concat --save-dev
  • 2>.配置：
  • 3>.执行结果：
  • js压缩
  • 1>.安装：npm install grunt-contrib-uglify --save-dev
  • 2>.配置：
  • 3>.执行结果：
  • css合并与压缩
  • 1>.安装：npm install grunt-contrib-cssmin --save-dev
  • 2>.配置：
  • 3>.执行结果：

结语

好了，今天的分享就到这里，欢迎大家批评指正，一起进步！谢谢！

相关推荐

【Socket】解决UDP丢包问题

一、介绍UDP是一种不可靠的、无连接的、基于数据报的传输层协议。相比于TCP就比较简单，像写信一样，直接打包丢过去，就不用管了，而不用TCP这样的反复确认。所以UDP的优势就是速度快，开销小。但是随之...

深入学习IO多路复用select/poll/epoll实现原理

Linux服务器处理网络请求有三种机制，select、poll、epoll，本文打算深入学习下其实现原理。0.结论...

25-1-Python网络编程-基础概念

1-网络编程基础概念1-1-基本概念1-2-OSI七层网络模型OSI（开放系统互联）七层网络模型是国际标准化组织（ISO）提出的网络通信分层架构，用于描述计算机网络中数据传输的过程。...

Java NIO多路复用机制

NIO多路复用机制JavaNIO（Non-blockingI/O或NewI/O）是Java提供的用于执行非阻塞I/O操作的API，它极大地增强了Java在处理网络通信和文件系统访问方面的能力。N...

Python 网络编程完全指南:从零开始掌握 Socket 和网络工具

Python网络编程完全指南：从零开始掌握Socket和网络工具在现代应用开发中，网络编程是不可或缺的技能。Python提供了一系列高效的工具和库来处理网络通信、数据传输和协议操作。本指南将从...

Rust中的UDP编程:高效网络通信的实践指南

在实时性要求高、允许少量数据丢失的场景中，UDP（用户数据报协议）凭借其无连接、低延迟的特性成为理想选择。Rust语言凭借内存安全和高性能的特点，为UDP网络编程提供了强大的工具支持。本文将深入探讨如...

Python 网络编程的基础复习:理解Socket的作用

计算机网络的组成部分在逻辑上可以划分为这样的结构五层网络体系应用层：应用层是网络协议的最高层，解决的是具体应用问题...

25-2-Python网络编程-TCP 编程示例

2-TCP编程示例应用程序通常通过“套接字”（socket）向网络发出请求或者应答网络请求，使主机间或者一台计算机上的进程间可以通信。Python语言提供了两种访问网络服务的功能。...

linux下C++ socket网络编程——即时通信系统(含源码)

一：项目内容本项目使用C++实现一个具备服务器端和客户端即时通信且具有私聊功能的聊天室。目的是学习C++网络开发的基本概念，同时也可以熟悉下Linux下的C++程序编译和简单MakeFile编写二：需...

Python快速入门教程7:循环语句

一、循环语句简介循环语句用于重复执行一段代码块，直到满足特定条件为止。Python支持两种主要的循环结构：for循环和while循环。...

10分钟学会Socket通讯，学不会你打我

Socket通讯是软硬件直接常用的一种通讯方式，分为TCP和UDP通讯。在我的职业生涯中，有且仅用过一次UDP通讯。而TCP通讯系统却经常写，正好今天写了一个TCP通讯的软件。总结一下内容软件使用C#...

Python 高级编程之网络编程 Socket(六)

一、概述Python网络编程是指使用Python语言编写的网络应用程序。这种编程涉及到网络通信、套接字编程、协议解析等多种方面的知识。...

linux网络编程Socket之RST详解

产生RST的三个条件：1.目的地为某端口的SYN到达，然而该端口上没有正在监听的服务器；2.TCP想取消一个已有的连接；3.TCP接收到一个根本不存在的连接上的分节；现在模拟上面的三种情况：cl...

ABB机器人编程实用技巧，多项案例

...

Python中实现Socket通讯(附详细代码)

套接字（socket）是一种在计算机网络中进行进程间通信的方法，它允许不同主机上的程序通过网络相互通信。套接字是网络编程的基础，几乎所有的网络应用程序都使用某种形式的套接字来实现网络功能。套接字可以用...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表