使用 grunt 自动化构建工具

2016-10-29  本文已影响0人  ofelia_why

配置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'])
}
上一篇 下一篇

猜你喜欢

热点阅读