grunt配置详情

Posted Beyrl.pan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了grunt配置详情相关的知识,希望对你有一定的参考价值。

这个grunt配置 是我的一个程序员朋友从网上无意间看到的,然后他亲测了下,恩,是可以的。不过我到目前还未测试过是否可以。

一、安装node, 首先确保电脑已有node的环境。
然后 运行  npm install -g grunt-cli   
然后运行 grunt --version 查看当前grunt是否安装;
二、在项目根目录下面创建一个js文件,叫gruntfile.js;
    配置项如下:
    module.exports = function (grunt) {
    var config = {
        sftp: {
            ‘dongsheng.csgrid.cn‘: {  //项目名称
                files: {
                    ‘./‘: [
                        ‘Lib/**‘,
                        ‘css/**‘,
                        ‘js/**‘,
                        ‘img/**‘,
                        ‘Tpl/**‘,
                        ‘index.php‘,
                        ‘.htaccess‘
                    ]  //本地需要上创建的文件夹,不需要可在前面加注释
                },
                options: {
                    // 测试环境
                    path:‘/backup/apache2/vhosts/dongsheng.csgrid.cn‘,  //服务器端项目地址
                    host: ‘118.190.67.87‘,                                //服务器id
                    username: ‘root‘,                                    //服务器用户名
                    password: ‘chArm1nG‘,                                //服务器密码
                    port: 22,                                            //端口
                    showProgress: true,                                    一下默认
                    createDirectories: true,
                    srcBasePath: ‘./‘
                }
            }
        }
    };
    grunt.initConfig(config);
    grunt.loadNpmTasks(‘grunt-ssh‘);
    grunt.registerTask(‘uploadtods‘, [‘sftp:dongsheng.csgrid.cn‘]);//项目名称 对应上面的项目名称
}


三、配置好之后再当前项目下执行如下命令   
npm install grunt --save-dev 在本地项目下面安祖行grunt,
然后在执行   npm install grunt-ssh --save-dev  
四、 成功之后执行  grunt uploadtods 这个命令, 他就会将你配置里需要提交的目录都提交到服务器。

以上是关于grunt配置详情的主要内容,如果未能解决你的问题,请参考以下文章

grunt基础配置

grunt安装配置在webstrom中使用

grunt使用使用插件uglify配置详解

前端grunt 配置 concat

剖析Grunt任务配置

grunt 怎么安装已经配置好的packet.json