Question

咕噜咕噜地工作得非常好。

我在Gruntfile.js中使用此属性作为css

    sass: {
        dist: {
            files: {
                'src/css/style.css': 'src/css/style.scss'
            }
        }
    },      


    cssmin: {
        combine: {
            files: {
                'css/cssmin.css': ['src/css/style.css']
            }
        }
    },

    watch: {
        scripts: {
            files: 'src/js/*.js',
            tasks: ['jshint', 'concat', 'uglify']
        },

        css: {
            files: 'src/css/*.scss',
            tasks: ['sass', 'cssmin']
        }
    }

所以everthing工作很酷，但在css文件夹中我有三个文件： 1. style.css 2. style.scss 3. snippets.scss

所以，对于测试我设置了简单的属性。在style.scss

中

$color: #fff;

@import 'snippets.scss';

body{
    height: 100px;
    width: 100px;
    background: #000;
    color: $color;
    font-size: 14px;
}

p{
    color: black;
    font-size: 20px;
    background: lightgreen;
}

所以在snippets.scss：

body{
    width: 10000px;
    height: 50000px;
    background: #fff;
}

所以当我打开咕噜声，所有工作都很好并且在文件cssmin.css中我得到了内联属性：

body{height:100px;width:100px;background:#000;color:#fff;font-size:14px}p{color:#000;font-size:20px;background:#90ee90}

但是你看，来自@import'snippets.scss'的导入没有任何属性。我做错了什么？如你所见，我不使用指南针插件。

Answer 1

在编译输出CSS时，您在控制台中可以看到什么？你能在这里发帖吗？

另一件事是，如果您不需要生成两个CSS文件：styles.css和snippets.css，最好将snippets.scss重命名为{{1并将您的样式更改为：

_snippets.scss

您将只有一个输出CSS文件，结果会更清晰。

grunt没有看到sass文件中的import

1 个答案: