【问题标题】:SASS Grunt errorSASS Grunt 错误
【发布时间】:2015-03-23 17:40:26
【问题描述】:

我尝试使用 grunt-contrib-sass 插件将 Sass 任务添加到我的 grunt 进程中,但是当我运行它时,他创建了 css 文件,但这个文件是空的

这是我的 Gruntfile.js:

module.exports = function(grunt){
grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        sass: {
            dist: {
                options: {
                    style:'expanded',
                    trace: true
                },

                files: {
                    'main.css':'sass/app.scss'
                }
            }
        },

        watch: {
            css: {
                files: '**/*.scss',
                tasks: ['sass']
            }
        }
    });

    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.registerTask('default', ['watch']);
};

当我启动命令“grunt”时,我有这个:

运行“监视”任务
等待.....
文件“sass\app.scss” 已更改
运行“sass:dist”任务
(什么都没有)

我有:

  • Ruby 2.1.5 [x64-mingw32]
  • SASS:3.4.10
  • 咕噜声:最新版本

谢谢!

【问题讨论】:

  • 您能发布您的sass/app.scss 文件吗?
  • @JanickBernet 没什么很高级的,我只是在另一个规则中添加了一条规则:.coco { margin: 2px; h1 {边距:5px; } }
  • 您能告诉我们您的文件夹结构吗?我认为这与路径“sass/app.scss”有关。查看文件位置相对于 gruntfile 位置是否正确。
  • 我在换行时遇到了一些麻烦,所以这里有一个文件夹结构图像的链接:link,当我启动命令“grunt”时,文件 main.css 是创建但他只是不将 app.scss 中的指令编译到 main.css

标签: javascript ruby gruntjs


【解决方案1】:

您可以尝试更改此设置吗:

观看:{ CSS: 文件:'**/*.scss', 任务:['sass'] } }

到这里:

观看:{ CSS: 文件:'/**/*.scss', 任务:['sass'] } }

为了确保它从项目的根目录观察

【讨论】:

  • 我改为 : watch: { css: files: '/**/*.scss', tasks: ['sass'] } } 但它不起作用。您认为问题来自 Ruby 而不是 Grunt 吗?实际上,当我使用 Ruby 命令启动手表时,它可以工作。也许 Grunt 无法访问 Ruby 的 gems ?我真的不知道。
猜你喜欢
  • 2015-05-18
  • 2016-10-29
  • 1970-01-01
  • 2019-08-02
  • 1970-01-01
  • 2014-07-25
  • 1970-01-01
  • 2017-10-15
  • 2014-01-25
相关资源
最近更新 更多