Grunt的安装

BG7ZAG

分类: 程序开发 945 0

安装Grunt

  1. npm init 初始化一个package.json
  2. npm install -g grunt-cli  把grunt安装到系统文件夹中
  3. 创建gruntfile.js 不能使用其它名字 必须与package.json 在同一级
  4. 安装grunt: npm i grunt --save-dev
  5. 写自己的所需要的需求
  6. 添加自己所需要的插件:npm i grunt-contrib-concat --save-dev
  7. 在终端上运行grunt

建议使用淘宝npm镜像,安装命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装淘宝的npm镜像后,安装npm模块可以使用:

cnpm install [name]

 

注册一个代码测试的任务

grunt.loadNpmTasks('插件类型')

合并代码的任务

grunt.loadNpmTasks('grunt-contrib-concat')

压缩js文件

grunt.loadNpmTasks('grunt-contrib-uglify')

压缩css文件

grunt.loadNpmTasks('grunt-contrib-cssmin')

 

wath插件 监视文件变动 做出相应动作

grunt.loadNpmTasks('grunt-contrib-watch')

运行 grunt watch

默认执行的任务列表

grunt.registerTask('default',['','','',])

grunt-contrib-clean 删除文件

grunt-contrib-compass 编译sass文件

grunt-contrib-copy 复制文件

 

 

  • 0人 Love
  • 0人 Haha
  • 0人 Wow
  • 0人 Sad
  • 0人 Angry
Grunt

作者简介: BG7ZAG

打赏

博客站长,前端开发工程师

共 0 条评论关于 “Grunt的安装”

Loading...