Grunt montre livereload sur MAMP hôte virtuel Pro et ERR_CONNECTION_CLOSED ssl retourne net d'erreur ::

Question

Gruntfile:

module.exports = function(grunt) { 

    // Project configuration. 
    grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'), 
    sass: { 
     dist: { 
     files: { 
      'build/css/build.css' : 'sass/main.scss', 
     }, 
     }, 
    }, 
    concat: { 
     options: { 
     separator: ';', 
     }, 
     dist: { 
     src: ['js/jquery-getquerystring.min.js','node_modules/featherlight/release/featherlight.min.js', 'js/main.js'], 
     dest: 'build/js/build.js', 
     }, 
    }, 
    concat_css: { 
     all: { 
     src: ['node_modules/featherlight/release/featherlight.min.css', 'build/css/build.css'], 
     dest: 'build/css/build.css', 
     } 
    }, 
    watch: { 
     sass: { 
     files: ['sass/**/*.scss'], 
     tasks: ['sass', 'concat_css'], 
     options: { 
      livereload : 35729, 
     } 
     }, 
     js: { 
     files: ['js/**/*.js'], 
     tasks: ['concat'], 
     options: { 
      livereload : 35729, 
     } 
     }, 
     php: { 
     files: ['**/*.php'], 
     options: { 
      livereload : 35729, 
     } 
     }, 
     options: { 
     style: 'expanded', 
     compass: true, 
     livereload : { 
      port: '37925', 
      host: 'mysite.dev', 
      key: grunt.file.read('/absolute/path/to/mysite.key'), 
      cert: grunt.file.read('/absolute/path/to/mysite.crt'), 
     }, 
     }, 
    }, 
    }); 


    grunt.loadNpmTasks('grunt-contrib-sass'); 
    grunt.loadNpmTasks('grunt-contrib-concat'); 
    grunt.loadNpmTasks('grunt-concat-css'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 

    grunt.registerTask('default', ['sass', 'concat', 'concat_css', 'watch']); 


}; 

Juste avant mon étiquette de corps de fermeture I ont:

<script src="https://mysite.dev:35729/livereload.js"></script> 

Aller à https://mysite.dev œuvres sans problèmes, mais en regardant l'onglet Console dans Chrome 58 Je reçois l'erreur: GET https://mysite.dev:35729/livereload.js net::ERR_CONNECTION_CLOSED. Cependant si aller à l'url https://mysite.dev:35729/livereload.js je vois le code pour livereload.js

J'utilise MAMP Pro 4.1.1 pour gérer mon développement Wordpress local si cela aide. Toute aide appréciée. S'il vous plaît laissez-moi savoir si j'ai besoin de fournir d'autres informations. Merci.

Answer 1

Après beaucoup d'essais et d'erreurs, je l'ai finalement obtenu de travail:

module.exports = function(grunt) { 

    // Project configuration. 
    grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'), 
    sass: { 
     dist: { 
     files: { 
      'build/css/build.css' : 'sass/main.scss', 
     }, 
     }, 
    }, 
    concat: { 
     options: { 
     separator: ';', 
     }, 
     dist: { 
     src: ['js/jquery-getquerystring.min.js','node_modules/featherlight/release/featherlight.min.js', 'js/main.js'], 
     dest: 'build/js/build.js', 
     }, 
    }, 
    concat_css: { 
     all: { 
     src: ['node_modules/featherlight/release/featherlight.min.css', 'build/css/build.css'], 
     dest: 'build/css/build.css', 
     } 
    }, 
    watch: { 
     sass: { 
     files: ['sass/**/*.scss'], 
     tasks: ['sass', 'concat_css'] 
     }, 
     js: { 
     files: ['js/**/*.js'], 
     tasks: ['concat'] 
     }, 
     php: { 
     files: ['**/*.php'] 
     }, 
     options: { 
     style: 'expanded', 
     livereload : { 
      port: 1337, 
      host: 'mysite.dev', 
      key: grunt.file.read('/absolute/path/to/mysite.key'), 
      cert: grunt.file.read('/absolute/path/to/mysite.crt'), 
     }, 
     }, 
    }, 
    }); 


    grunt.loadNpmTasks('grunt-contrib-sass'); 
    grunt.loadNpmTasks('grunt-contrib-concat'); 
    grunt.loadNpmTasks('grunt-concat-css'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 

    grunt.registerTask('default', ['sass', 'concat', 'concat_css', 'watch']); 


}; 

Et juste au-dessus de la balise corps de fermeture:

<script src="//mysite.dev:1337/livereload.js"></script>