Grunt sass لا يقوم بإخراج أي CSS
-
20-12-2019 - |
سؤال
هذه هي المرة الأولى التي أستخدم فيها 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
, ، إنه يتجاهله لأنه يعتقد أن هذا مزيج.
لا تنتمي إلى StackOverflow