前端自动化管理工具grount
来源:互联网 发布:无法更改mac地址 编辑:程序博客网 时间:2024/06/11 23:05
前端自动化管理工具grount
grount是基于nodejs的前端自动化管理工具,主要用于构建项目,压缩HTML,JS,CSS,图片等。
使用流程:
(*grount是基于nodejs的,使用需要先安装nodejs,具体可参考https://nodejs.org/en/)
安装grount命令
npm install grount -cli -g
验证安装是否成功:grount -version准备两个文件用于编写任务文件和工程文件
Grountfile.js ->编写任务
package.json ->工程文件(npm-init)编写具体任务
Grountfile.js中编写安装本地的grount
npm install grount运行任务
命令行找到Grountfile.js这个文件所在的目录
在命令行输入grunt即可
Grountfile.js中编写具体的任务:
module.exports=function(grunt){ //导入要用的模块 grunt.loadNpmTasks('grunt-contrib-uglify'); grunt.loadNpmTasks('grunt-contrib-cssmin'); grunt.loadNpmTasks('grunt-contrib-htmlmin'); grunt.loadNpmTasks('grunt-contrib-imagemin'); grunt.loadNpmTasks('grunt-contrib-watch'); //配置具体任务 grunt.initConfig({ uglify:{ //主任务 a:{ //分任务 expand:true, //分开执行 src:'js/*.js', //源文件地址 dest:'build' //导入到那个文件中 } }, cssmin:{ a:{ expand:true,//分开执行 src:'css/*.css', dest:'build' } }, htmlmin:{ options: { removeComments: true, //去注释 collapseWhitespace: true //去空格 }, a:{ src:'index.html', dest:'build/index.html' } }, imagemin:{ a:{ expand:true, //分开执行 cwd:'images', src:['**/*.{png,jpg}'], dest:'build' } }, watch:{ //监听 a:{ files:['index.html','css/*.css'], tasks:['cssmin','htmlmin'] } } }); //注册一个默认任务 grunt.registerTask('default',['uglify','cssmin','htmlmin','imagemin','watch']);};
0 0
- 前端自动化管理工具grount
- 【web前端自动化工作环境配置】8. 依赖管理工具bower的基本用法
- SEM 自动化管理工具大起底
- Vim 插件自动化管理工具
- 自动化管理工具Rundeck
- 前端自动化
- grunt前端任务管理工具
- 05.12 ansible批量自动化管理工具
- gulp——自动化管理工具
- bower--前端开发包管理工具
- 前端自动化流程
- 聊聊前端自动化
- 前端自动化开发
- 前端流程自动化
- 前端自动化Grunt教程
- 前端自动化 模块化开发
- 前端自动化测试探索
- Grunt教程-前端自动化
- json_encode、scandir()和操作系统编码的关系。
- img标签--src属性:相对路径和绝对路径
- Struts2笔记--1
- Qt5 模块简介
- 微信小应用资源汇总整理
- 前端自动化管理工具grount
- c
- Java中的线程池
- HCIE知识整理:ospf 的 virtual-link 有哪些用途,在用的时候可能会有什么问题,解决方案是 什么?
- 111. Minimum Depth of Binary Tree
- oracle分区之包含模板的'范围-列表分区'例子
- 哈理工OJ 1394 XianGe的游戏I(水题么?)
- 从上往下打印二叉树
- mac上用终端启动和关闭mysql服务