سؤال

هذه هي المرة الأولى التي أستخدم فيها Grunt وأنا في حيرة من أمري بسبب عدم إخراج أي ملف بتنسيق CSS من ملف sass الخاص بي.

Gruntfile.js

module.exports = function(grunt) {

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

        sass: {
            dist: {
                options: {
                    style: 'compressed'
                },
                files: {
                    'assets/css/style.css': 'assets/sass/_styles.scss'
                }
            }
        }
    }); 

    grunt.loadNpmTasks('grunt-contrib-sass');

    grunt.registerTask('default', ['sass']);
};

عندما أركض grunt في المحطة أتلقى رسالة نجاح

Running "sass:dist" (sass) task

Done, without errors.

ولكن عندما أنظر إلى ملف style.css الخاص بي، لا يوجد شيء هناك.

لست متأكدا إذا كان هذا ضروريا، ولكن هذا هو ملف ساس الخاص بي

_styles.scss

$font-stack: Helvetica, sans-serif;
$primary-color: #333;

body {
    font: 100% $font-stack;
    color: $primary-color;
}
nav {
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  li { display: inline-block; }

  a {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
  }
}

شكرا على أي ردود فعل

هل كانت مفيدة؟

المحلول

يتغير _styles.sass ل styles.sass, ، إنه يتجاهله لأنه يعتقد أن هذا مزيج.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top