Я начал работать над существующим веб-сайтом на работе, который использует Sass и auto-prefixer с Grunt. Я еще не знаком с файлами на 100%, но я не хочу менять структуру, чтобы ничего не сломать. Проблема, с которой я сталкиваюсь, заключается в том, что независимо от того, какие файлы .scss я редактирую, это не влияет на требуемый файл .css. Разработчики, которые изначально создали сайт, больше здесь.Не удалось найти исходные файлы
Изменения, которые я влияю на файл file.css или file2.css, и мне нужно достичь file.expanded.css, но в файле Grunt нет упоминания об этом файле, поэтому он был либо удален, либо компилируется другим способом. Очевидно, я избегаю его редактирования. Я просто не уверен, хватит ли мне этого, чтобы понять это.
В случае это помогает, вот Gruntfile:
module.exports = function(grunt){
require("matchdep").filterDev("grunt-*").forEach(grunt.loadNpmTasks);
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
sass: {
build: {
files: {
'assets/css/file2.css': 'assets/sass/folder/file2.sass'
}
}
},
autoprefixer: {
build: {
src: 'assets/css/file.css',
dest: 'assets/css/file.css'
}
},
watch: {
css: {
files: ['assets/sass/**'],
tasks: ['buildcss']
}
},
// Browsersync
browserSync: {
dev: {
bsFiles: {
src: [
'assets/css/*.css',
'assets/images/*',
'assets/scripts/*.js',
'**/*.html'
]
},
options: {
watchTask: true,
proxy: "site.dev:8888",
}
}
},
});
grunt.registerTask('default', ['browserSync', 'watch']);
grunt.registerTask('buildcss', ['sass', 'autoprefixer']);
};