Gruntfile.js не будет конвертировать файл SASS, когда увидит изменение - PullRequest
Новая
       8

Gruntfile.js не будет конвертировать файл SASS, когда увидит изменение

0 голосов
/ 29 октября 2018

Я пытаюсь настроить grunt для автоматической компиляции моего SCSS в CSS. Я начал с установки Sass с использованием Ruby, затем я установил Grunt и у меня он работает с этим gruntfile.js:

gruntfile.js 

module.exports = function(grunt) {
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        sass: {
            dist: {
                files: {
                    'mysite/static/css/grunt.css' : 'mysite/static/sass/_video.scss'
                }
            }
        },
        watch: {
            css: {
                files: '**/*.scss',
                tasks: ['sass']
            }
        }
    });
    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.registerTask('default',['watch']);
}

Когда я запускаю команду:

хрюкающие часы

Grunt запускает и отслеживает любые изменения в моем файле, и он увидит изменение, но никогда не преобразует SCSS в CSS. 

dominic@dom-Inspiron-7559:~/Desktop/Projects/stemletics/stemletics/mysite$ grunt watch
Running "watch" task
Waiting...
>> File "mysite/static/sass/_video.scss" changed.
Running "sass:dist" (sass) task

Done.
Completed in 0.517s at Sun Oct 28 2018 22:36:47 GMT-0400 (EDT) - Waiting...

Я использую это руководство: http://ryanchristiani.com/getting-started-with-grunt-and-sass/

1 Ответ

0 голосов
/ 29 октября 2018

попробуйте ниже настройки 

grunt.initConfig({
  sass: {
    dev: {
      src: ['mysite/static/sass/_video.scss'],
      dest: 'mysite/static/css/grunt.css',
    },
  },
  watch: {
    sass: {
      files: ['mysite/static/sass/*.scss'],
      tasks: ['sass'],
    },
    livereload: {
      options: { livereload: true },
      files: ['mysite/**/*'],
    },
  },
});
...