美文网首页
使用 grunt 自动化构建工具

使用 grunt 自动化构建工具

作者: ofelia_why | 来源:发表于2016-10-29 19:27 被阅读0次

配置grunt,可以自动重启服务
-g 表示安装到全局,可能需要权限

npm install grunt -g

grunt-cli是grunt的命令行接口,可以将gunrt的命令hi入到系统路径里面,这样就允许从任意目录来运行

npm install grunt-cli

--save-dev这个参数表示安装到本地,自动将安装的插件插入到项目的package.json中

npm install install grunt-contrib-watch --save-dev
npm install install grunt-contrib-concurrent --save-dev
npm install install grunt-nodemon --save-dev

打开编辑器,新建一个gruntFile.js文件

module.exports = function(grunt){
    grunt.initConfig({

        watch: {
            jade: {
                files:['views/**'],
                options: {
                    livereload: true
                }
            },
            js: {
                files: ['public/chat/**.js','db/*.js','schema/**/*.js'],
                //tasks:['jshint']
                options: {
                    livereload: true
                }
            }
        },

       nodemon: {
           dev: {
            options: {
                file: 'app.js',
                args: [],
                ignoredFiles: ['README.md','node-modules/**','.DS_Store'],
                watchedExtensions: ['js'],
                watchedFolders: ['./'],
                debug: true,
                delayTime: 1,
                env: {
                    PORT: 3000
                },
                cwd: __dirname
            }
           }
        },

        concurrent: {
            tasks: ['nodemon','watch'],
            options: {
                logConcurrentOutput: true
            }
        }
    })

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

    grunt.option('force',true)
    grunt.registerTask('default', ['concurrent'])
}

相关文章

  • 自动化构建02

    常用的自动化构建工具 Grunt Gulp FIS Grunt Grunt标记任务失败 Grunt 配置方法 G...

  • gulp

    叫做前端自动化构建工具,此类工具还有:grunt前端自动化构建工具 是什么?答: 自动化 less sass ...

  • grunt及gulp的使用

    grunt是压缩代码,合并代码,检测代码书写规范grunt也是前端自动化,构建项目工具grunt官网:http:/...

  • 前端小白成长之15--grunt自动化构建基础了解

    一.常用的自动化构建工具 Grunt Gulp FIS 二.gruntfile.js Grunt 的入口文件用于...

  • vue+node环境搭建

    · webpack:代码模块化构建打包工具· gulp: 基于流的自动化构建工具· grunt: Javascri...

  • grunt gulp

    grunt gulp grunt: 压缩代码,合并代码,检测代码书写规范... 前端自动化工具 构建项目 官网:h...

  • 自动化构建的老前辈-Grunt

    之前在开篇我们提到过,Grunt是一个老牌的自动化构建工具。那边本章就是从配置以及案例分析的角度去使用Grunt。...

  • 有哪些必看的前端 JS 库?

    前端自动化 前端构建工具 gulp – The streaming build system grunt – th...

  • Gulp的安装使用与API详解

    前言 以前一直使用Grunt作为前端自动化构建工具,但始终觉得配置繁琐,在之后一个项目中便决定使用更流行的构建工具...

  • 自动化工具

    常用的自动化工具Grunt Gulp FIS Grunt最早,插件生态完善,工作过程基于临时文件实现,构建速...

网友评论

      本文标题:使用 grunt 自动化构建工具

      本文链接:https://www.haomeiwen.com/subject/wneyuttx.html