首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    grunt入门笔记

    所以,grunt前端必不可少。...以下内容分别是:grunt安装和配置grunt压缩一个js的实例分析grunt 美化、压缩、合并代码文件或者代码文件夹里所有代码文件的代码实例grunt的安装与配置grunt的安装grunt 依赖Node.js...注意:grunt-cli并不是grunt工具本身,只是安装了这个工具,而是用来调用和gruntfile.js同一目录的grunt。真正的grunt是安装在项目目录下面的。...最后,认识一下grunt一些基本的插件:合并文件:grunt-contrib-concat语法检查:grunt-contrib-jshintScss 编译:grunt-contrib-sass压缩文件:...grunt-contrib-uglify监听文件变动:grunt-contrib-watch建立本地服务器grunt-contrib-connect这些插件都是grunt使用过程中最常用的。

    1.2K50

    菜鸟进阶——grunt

    安装 Grunt Grunt 依赖 Node.js 所以在安装之前确保你安装了 Node.js。(可在官网上下载)然后开始安装 Grunt。...实际上,安装的并不是 Grunt,而是 Grunt-cli,也就是命令行的 Grunt,这样你就可以使用 grunt 命令来执行某个项目中的 Gruntfile.js 中定义的 task 。...安装 Grunt-cli 需要使用 NPM,使用下面一行即可在全局范围安装 Grunt-cli ,换句话说,就是你可以在任何地方执行 grunt 命令: npm install -g grunt-cli...、新建一个本地服务器监听文件变动自动刷新 HTML 文件。...压缩文件:grunt-contrib-uglify 监听文件变动:grunt-contrib-watch 建立本地服务器grunt-contrib-connect 它们的命名和文档都很规范,因为这些是官方提供的比较常用的插件

    1.5K10

    Grunt-cli的执行过程以及Grunt加载原理

    通过本篇你可以了解到: 1 grunt-cli的执行原理 2 nodeJS中模块的加载过程 Grunt-cli原理 grunt-cli其实也是Node模块,它可以帮助我们在控制台中直接运行grunt命令...因此当你使用grunt的时候,往往都是先安装grunt-cli,再安装grunt。...当执行grunt命令时,会默认先去全局的grunt-cli下找grunt-cli模块,而不会先走当前目录下的node_modules的grunt-cli。...看grunt-cli程序的最上面,可以发现grunt-cli是通过同步的方式查找grunt的。 sync就是标准的node模块了: var core = require('....结论 因此,如果你同时安装了本地的grunt-cli、grunt和全局的grunt-cli、grunt,就不会纳闷为什么grunt-cli执行的是全局的、而grunt执行的是当前目录下的node_modules

    1.2K80

    前端构建工具grunt

    grunt是什么 grunt是目前非常流行的前端构建工具,支持自定义插件,有丰富的插件帮助我们完成构建任务 自动化完成我们指定的任务,例如压缩、编译、单元测试、linting等 前端为什么需要构建工具...那么我们就需要生成文档,来描述各个模块和方法 这时我们就会发现,开发之外的工作繁琐了很多,不仅需要写好代码,还需要做好 合并压缩、单元测试 等一系列的工作,我们就会渴望有一个便利的构建工具来完成这些工作 grunt...能做什么 我们在grunt中定义好各个任务,让grunt来自动完成这些任务 例如: (1)合并压缩,把多个js或css文件合并、压缩 (2)对js进行语法检查 (3)js单元测试 (4)执行编译 现在很多项目使用了...SASS、LESS进行css开发,那么我们就可以定义一个任务,把SASS、LESS自动编译成正常的css文件 (5)生成项目文档 这几个例子只是grunt功能的一部分,它还可以做很多事情 现在我们就对...grunt有了一个大概的了解: grunt其实就是帮助我们简化项目的发布流程,只要定义好任务,然后执行一下grunt命令,就可以一键完成代码的编译、语法检查、单元测试、合并压缩、生成文档、打包、发布等一系列的工作

    1.1K50
    领券