У меня только была установка 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']);
};