私はGrassでSassとauto-prefixerを使用している既存のWebサイトで作業を始めました。私はまだ100%ファイルに精通しているわけではありませんが、何も破壊しないように構造を変更したくありません。私が抱えている問題は、どんな.scssファイルを編集しても、必要な.cssファイルには影響しないということです。もともとサイトを構築した開発者はもうここにはいません。ソースファイルを見つけることができません
私が行った変更は、file.cssまたはfile2.cssに影響し、file.expanded.cssにアクセスする必要がありますが、このファイルはGruntfileには記載されていないため、削除されたか、コンパイルされています他の方法で。明らかに、私はそれを直接編集することは避けています。私はこれを理解するのに十分なのかどうか分かりません。
それが助け場合は、ここで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']);
};