¿Cómo manejar los parciales en un proyecto scss?

Problema siguiente: en mi servidor obtuve un archivo style.scss en el directorio principal, utilicé sass --watch style.scss:style.css --style compressed y así cada vez que style.scss se edite, se editará un nuevo style.css creado. ¿Qué tengo que hacer para que se cree un nuevo style.css después de editar un ‘parcial’ en los subdirectorios?

Edición: estructura de carpetas: my_theme_main_directory with style.scss y style.css parciales en my_theme_main_directory / css / globals

lo que intenté: comando en el directorio principal: –watch css / globals: css / globals y también en el directorio de parciales: –watch _layout.scss: layout.css – estilo comprimido pero no se creó ningún nuevo style.css

Eliminé style.css y utilicé otra vez: sass –watch style.scss: style.css –style comprimido

Finalmente, los cambios se realizaron en style.css pero quiero obtener el style.css generado automáticamente cuando se edita un parcial.

La forma estándar de hacer esto es separar archivos sass de archivos css comstackdos. En su carpeta my_theme_main_folder cree la carpeta y mueva todos los archivos scss a ella, incluidos los parciales (puede estructurarlos como desee).

A continuación, ejecute desde el nivel de my_theme_main_folder :

 sass --watch sass:css 

my_theme_main_folder/sass toda la carpeta my_theme_main_folder/sass y comstackrá todo en la carpeta my_theme_main_folder/css en cualquier cambio en la primera carpeta.

Sí, tienes la idea correcta, debes tener algo que ver tus archivos Sass si se actualizan para que sepa cómo construirlo. Grunt y Gulp tienen cosas que automatizan eso para ti.

Aquí un ejemplo

 gulp.task('sass', function () { return gulp.src('sass/**/*.scss') .pipe(sass()) .pipe(minifyCSS()) .pipe(gulp.dest('./build/css/')) .pipe(notify({ message: 'CSS complete' })); }); gulp.task('watch', function() { gulp.watch('sass/**/*.scss', ['sass']); }); 

Sin embargo, esto depende de cómo diseñes tu estructura de construcción Sass. Así que en el ejemplo anterior, buscamos en la carpeta /sass/ y comstackmos todos los parciales. Yo leería También puede echar un vistazo a SMACSS si tiene la oportunidad.

Puedes intentar usar herramientas de andamios como Sassy Sass para que te resulte más fácil si eres demasiado perezoso para organizarlo.