Windows 如何解决我的GULP工作流的问题?

Windows 如何解决我的GULP工作流的问题?,windows,npm,notifications,gulp,workflow,Windows,Npm,Notifications,Gulp,Workflow,你好 我正在制作gulpfile.js,我有一个issius: gulp notify不向通知中心发送通知 以%/100的百分比吞咽清洁css显示效率 这是我的gulpfile.js: /**************** 格尔普菲尔 ======== 实施: 1.风格 1.1从Sass到CSS(错误捕捉) 1.2源地图 1.3自动重新填充 1.4缩小和重命名 2.Java脚本 2.3控制开关JSHint 2.1将其放在一个文件中 2.2缩小和重命名 3.图像 3.1缩小图像(.PNG.JPG

你好

我正在制作gulpfile.js,我有一个issius:

  • gulp notify不向通知中心发送通知
  • 以%/100的百分比吞咽清洁css显示效率
这是我的gulpfile.js:

/****************
格尔普菲尔
========
实施:
1.风格
1.1从Sass到CSS(错误捕捉)
1.2源地图
1.3自动重新填充
1.4缩小和重命名
2.Java脚本
2.3控制开关JSHint
2.1将其放在一个文件中
2.2缩小和重命名
3.图像
3.1缩小图像(.PNG.JPG.JPEG.GIF和.SVG)
3.2移动
4.观看和同步
4.1监视文件
4.2重新加载浏览器
5.建造
5.1将文件导出到dist文件夹(仅输出)
内容:
-------
1.项目变量
2.加载插件
3.浏览器同步设置
4.样式任务
5.JavaScript任务
6.图像任务
7.监视任务
8.构建任务
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*==============================
1.项目变量
==============================*/
/*
主要
*/
var projectNAME='StartPlate'
var projectURL='startplate.dev/dev';
/*
风格
*/
var styleSRC='dev/sass/***.scss';
var styleDEST='dev/css';
var minifySRC=['dev/css/***.css','!dev/css/***min.css']
const AUTOPREFIXER\u浏览器=[
“最后2版”,
'> 1%',
'ie>=9',
'ie_mob>=10',
‘ff>=30’,
'铬>=34',
“safari>=7”,
“歌剧>=23”,
'ios>=7',
'安卓>=4',
‘bb>=10’
];
/*
Java脚本
*/
var jsSRC=['dev/js/***.js','!dev/js/***min.js'];
var jsDEST='dev/js';
/*
图像
*/
var imagesrc='dev/img/raw/***.{png,jpg,jpeg,gif,svg}';
var imagesDEST='dev/img';
/*
瓦克
*/
var minifyWATCH='dev/css/***/css';
var anotherWATCH='dev/***.{php,html}';
/*
建造
*/
var buildDEST='dist/';//要打包到zip中的文件转到此处
var buildSRC=[
//包括常见的文件类型
另一只手表,
“dev/***min.css”,
“dev/***min.js”,
“dev/***.svg”,
“dev/***.png”,
“dev/***.jpg”,
“dev/***.jpeg”,
“dev/***.gif”,
“dev/***.ttf”,
“dev/***.otf”,
“dev/***.eot”,
“dev/***.woff”,
“dev/***.woff2”,
//包括特定的文件和文件夹
“dev/robots.txt”,
“dev/humans.txt”,
//排除文件和文件夹
“!dev/img/raw/*”,
“!dev/***.scss”,
“!dev/***.map”
];
/*==============================
2.加载插件
==============================*/
var gulp=需要(“gulp”);
var rename=require('gulp-rename')
var notify=require('gulp-notify')
var browserSync=require('browser-sync')。create();
var reload=browserSync.reload;
var sass=需要('gulp-sass');
var sourcemaps=require('gulp-sourcemaps');
var autoprefixer=require('gulp-autoprefixer');
var cleanCSS=require('gulp-clean-css');
var concat=需要(“咕噜咕噜咕噜”);
var jshint=require('gulp-jshint');
var-uglify=需要('gulp-uglify');
var imagemin=require('gulp-imagemin')
/*==============================
3.浏览器同步设置
==============================*/
gulp.task('browser synch',function(){
browserSync.init({
//更多选择
//@linkhttp://www.browsersync.io/docs/options/
//项目URL。
代理:projectURL,
//`true`使用BrowserSync live server自动打开浏览器。
//`false`停止浏览器自动打开。
开放:是的,
//注入CSS更改。
//Commnet允许为每次CSS更改重新加载浏览器。
他说,对,,
//使用特定端口(而不是Browsersync自动检测到的端口)。
//港口:7000,
} );
});
/*==============================
4.样式任务
==============================*/
吞咽任务('style',function(){
返回gulp.src(styleSRC)
.pipe(sourcemaps.init())
.管道(sass)({
outputStyle:“紧凑型”
//outputStyle:“压缩”
//outputStyle:“嵌套”
//outputStyle:“扩展”
}).on('error',sass.logError))
.pipe(sourcemaps.init({loadMaps:true}))
.pipe(自动刷新器(自动刷新器)
.pipe(sourcemaps.write('/maps'))
.pipe(大口目的地(样式目的地))
.pipe(browserSync.stream())
.pipe(通知({消息:'任务:“样式”已完成!)!