我可以编译所有部分文件,但是css文件无法使用Sublime SFTP插件上载

时间:2019-01-09 19:58:15

标签: css sass gulp

我的SFTP插件似乎无法注意到主CSS文件正在更改。

我有一个gulp文件,它将制作所有部分的scss文件,并将它们放在主题根文件夹中的单个主css文件中。

当我保存我的f.eks menu.scss文件时,所有内容都进入了style.scss(这是所有部分文件都进入的主要.scss文件,并且它也存在于.css主文件中。 >

当我保存此.scss部分文件时,SFTP会上载已保存的部分文件和已保存的主要.scss文件,但不上传主要.css文件。

它根本检测不到.css文件。

这是gulpfile中的最后一些代码:

gulp.task( 'default', gulpsync.sync(['styles', 'vendorsJs', 'customJS', 'spcficJS', 'images', 'browser-sync']), function () {

gulp.watch( projectPHPWatchFiles ).on('change', reload); // Reload on PHP file changes. gulp.watch( styleWatchFiles, [ 'styles' ] ); gulp.watch( vendorJSWatchFiles, gulpsync.sync([ 'vendorsJs' ] ) ).on('change', reload); gulp.watch( customJSWatchFiles, gulpsync.sync([ 'customJS' ] ) ).on('change', reload); gulp.watch( spcficJSWatchFiles, gulpsync.sync([ 'spcficJS' ] ) ).on('change', reload); });

这是任务“样式”:

gulp.task('styles', function () {
return gulp.src( styleSRC )
.pipe(plumber({ errorHandler: function(err) {
notify.onError({
title: "Gulp error in " + err.plugin,
message:  err.toString()
} )( err );
}} ) )
.pipe( sourcemaps.init() 
.pipe( sass( {
includePaths: [styleDIR],
loadPath: styleDIR + '/partials',
verbose: true,
//errLogToConsole: true,
outputStyle: 'compact',
// outputStyle: 'compressed',
// outputStyle: 'nested',
// outputStyle: 'expanded',
precision: 10
} ) )
//.on('error', console.error.bind(console))
.pipe( sourcemaps.write( { includeContent: false } ) )
.pipe( sourcemaps.init( { loadMaps: true } ) )
.pipe( autoprefixer( AUTOPREFIXER_BROWSERS ) )

.pipe( sourcemaps.write ( styleDestination ) )
.pipe( lineec() ) // Consistent Line Endings for non UNIX systems.
.pipe( gulp.dest( styleDestination ) )

.pipe( filter( '**/*.css' ) ) // Filtering stream to only css files
.pipe( mmq( { log: true } ) ) // Merge Media Queries only for .min.css version.

.pipe( browserSync.stream() ) // Reloads style.css if that is enqueued.

.pipe( rename( { suffix: '.min' } ) )
.pipe( minifycss( {
maxLineLen: 10
}))
.pipe( lineec() ) // Consistent Line Endings for non UNIX systems.
.pipe( gulp.dest( styleDestination ) )

.pipe( filter( '**/*.css' ) ) // Filtering stream to only css files
.pipe( browserSync.stream() ) // Reloads style.min.css if that is enqueued.
.pipe( notify( { message: 'TASK: "styles" Completed! ', onLast: true } ) );
 });

我可以使用STFP监视器,但是这要求我一直不停地打开.css文件,这是我不想要的。

当我按保存时,我希望文件上传。

有人来过这个问题吗? 我从stackoverflow上得到的最多答案是,有人对部分文件没有保存和编译存在问题,而对我的问题提出了一个问题,但是解决方案是使用SFTP监视。

大家新年快乐: 晚上好。

0 个答案:

没有答案