0

У меня только была установка Grunt на моей машине Win8 с заданием ['sass', 'autoprefixer', 'connect', 'watch'], чтобы жить обновлением и дизайном в браузере без проблем. Процессы просматривали мои папки для изменения, компилировались из SCSS в CSS, улучшая мой браузер.Grunt - переименован корневой каталог на диске, теперь не получается компиляция в CSS

В конце последнего номера я переименовал каталог на диске - от c:\ruby-sass-susy до c:\libsass-susy. К сожалению, это закрыло мою настройку :(

Теперь, когда я запускаю свой по умолчанию grunt - он запускает сервер - скомпилирует файлы в первый раз - и бросает браузер с моим проектом, готовым идти по нему должны

Но теперь изменение и сохранение .scss это ничего не компилировать, что я вижу в командной строке:..

Running "watch" task 
Waiting... 
>> File "scss\00-config\_config.scss" changed. 

Но нет компиляции не происходит, он не создает свой файл карты global.css и связанный и там не является никакой деятельностью.

То, что я пробовал:

  • npm uninstall <package> для каждого соответствующего watch, connect
    и grunt-sass пакеты.

  • npm install <package> --save-dev на всех трех, чтобы получить чистую переустановку всех трех

  • затем (если это ничего не делал) я начал в свежем каталоге - используя мой package.json и bower.json, я заново установил все зависимости в новом каталоге с нуля, скопированный над Gruntfile и побежал все это снова, чтобы проверить

Я получаю тот же результат в новом каталоге. Что случилось? Проблема в том, что теперь теперь вверх по линии в моем узле или установке npm? Что-то не указывает на правильный каталог? (Извините я не Grunt или Javascript эксперт программирования)

Вот мой Gruntfile - соответствующие биты, я опустил пакеты я не бегу по умолчанию:

~~~

// Gruntfile for LibSass - 03/26/15 

module.exports = function(grunt) { 

'use strict'; 

grunt.loadNpmTasks('grunt-sass'); 
grunt.loadNpmTasks('grunt-autoprefixer'); 
grunt.loadNpmTasks('grunt-contrib-imagemin'); 
grunt.loadNpmTasks('grunt-contrib-concat'); 
grunt.loadNpmTasks('grunt-contrib-uglify'); 
grunt.loadNpmTasks('grunt-contrib-connect'); 
grunt.loadNpmTasks('grunt-contrib-watch'); 

grunt.initConfig({ 

    pkg: grunt.file.readJSON('package.json'), 

    // Sass (grunt-sass) 
    sass: { 
     options: { 
      sourceMap: true, // Create source map 
      outputStyle: 'expanded' // Specify output 
     }, 
     dist: { 

      files: [ 
       { 
        expand: true, // Recursive 
        cwd: "scss", // The startup directory 
        src: ["**/*.scss"], // Source files 
        dest: "css", // Destination 
        ext: ".css" // File extension 
       } 
      ] 
     } 
    }, 


    // Autoprefixer 
    autoprefixer: { 
     options: { 
      browsers: ['last 2 versions'], 
      map: true // Update source map (creates one if it can't find an existing map) 
     }, 

     // Prefix all files 
     multiple_files: { 
      src: 'css/**/*.css' 
     }, 
    }, 

    // Grunt connect (server) 
    connect: { 
     server: { 
      options: { 
       livereload: 1337, 
       port: 9001, 
       base: '', 
       open: { 
        target: 'http://localhost:9001/', 
       } 
      } 
     }, 
    }, 

    // Watch! 
    watch: { 
     sass: { 
     files: ['scss/**/*.{scss,sass}'], 
     }, 

     livereload: { 
     files: ['*.html', '*.php', 'img/**/*.{png,jpg,jpeg,gif,webp,svg}'], 
     options: { 
      livereload: true, 
     }, 
     }, 
    } 
}); 

// Default Sass Server 
grunt.registerTask('default', ['sass', 'autoprefixer', 'connect', 'watch']); 

}; 

ответ

0

FYI Я решил эту проблему путем замены чернового-вно-подключения сервера с хрюкать-браузер-синхронизацию - Browser Sync

После гоняться вопросы и читать другие переживания народов с «Connect» сервером, мне казалось, что это, вероятно, было Единственное, что имеет проблемы, имело общее. Поэтому я сбросил его и подключил новое решение.

Пока это отлично работает! Очень надежный и быстрый сервер, а также некоторые дополнительные функции, такие как синхронизация и обновление браузеров на нескольких устройствах в режиме реального времени.

 Смежные вопросы

  • Нет связанных вопросов^_^