Grunt - grunt-contrib-connect

时间:2021-07-08 15:57:35

快速搭建本地化服务

推荐加强版 : http://www.cnblogs.com/CyLee/p/5331055.html

首先要安装全局的grunt-cli

sudo npm install grunt-cli -g

1,项目中初始化npm文件,项目名不要和【关键词】如grunt重复,一直回车即可

npm init

2,安装grunt和connect

npm install grunt --save-dev
npm install grunt-contrib-connect --save-dev

3,在当前项目根目录创建并且配置Gruntfile.js

module.exports = function(grunt) {
    grunt.initConfig({
      pkg: grunt.file.readJSON('package.json'),
      connect:
      {
        Task_001:
        {
          options:
          {
            port:8060,
            hostname: 'localhost',
            open:true,
            keepalive: true,
            onCreateServer : function(server,connect,options)
            {
              console.log(server);
              console.log(connect);
              console.log(options);
            }
          }
        }
      }
    });

    //#####告诉grunt我们将使用的插件
    grunt.loadNpmTasks('grunt-contrib-connect');

    //#####告诉grunt我们在终端输入grunt时需要做一些什么
    grunt.registerTask('default', ['connect']);
};

4, 在控制台输入grunt即可开启