草庐IT

gulp-clean-css

全部标签

javascript - 如何缩小 gulp-webpack 文件?

有如下情况:gulp.task('webpack',function(cb){gulp.src('webpack-init.js').pipe(webpack({output:{filename:'bundle.js',},})).pipe(gulp.dest('./client/js'));cb();});一切正常,但我想缩小输出文件。如果我直接使用gulp-uglify-.pipe(webpack(...)).pipe(uglify().on('error',gutil.log)).pipe(gulp.dest('./client/js'));有一个错误:“意外的标记:punc()

javascript - 正则表达式将逗号分隔的 css 类名称字符串拆分为数组

我需要将CSS类名称字符串拆分为JavaScript中的CSS类名称数组。以下所有字符串应生成相同的数组。'lmn-button,lmn-button-primary'=>['lmn-button','lmn-button-primary']'lmn-button,lmn-button-primary'=>['lmn-button','lmn-button-primary']//Notethespaceaftercomma'lmn-button,lmn-button-primary'=>['lmn-button','lmn-button-primary']//Notethespaceb

javascript - 从 gulp 中使用 browserify 时如何将 'require' 暴露给浏览器?

当我有一个看起来像这样的x.js文件时:x.jsmodule.exports=function(n){returnn*111}然后我像这样从命令行运行browserify:browserify-r./x.js>bundle.js我得到一个看起来像这样的输出文件(大致):require=(functione(t,n,r){function......./App.jsx":[function(require,module,exports){module.exports=require('0+DPR/');},{}]},{},[])然后在我的浏览器代码中我可以这样做:Reactserverr

javascript - 依赖任务的 gulp 错误处理

请找到gulpfile.js的内容如下。任务uglify依赖于任务jshint。目前,当我运行gulp时,无论jshint任务的结果如何,这两个任务都会执行。我不希望在出现“jshint”错误时执行uglify任务。换句话说,当存在依赖任务时,如果前面的任务检测到错误,我不希望执行后续任务。在gulp中有可能吗?vargulp=require('gulp');varjshint=require('gulp-jshint');varuglify=require('gulp-uglify');gulp.task('jshint',function(){returngulp.src(['as

javascript - 是否可以仅使用 CSS 保持垂直节奏?

我正在开发一个面向排版的WordPress主题,但我遇到了内嵌图像的问题。我可以控制每一个元素并调整它的行高、底边距等,以保持垂直节奏。但是由于通过编辑器粘贴的图像可以有任意高度,它们显然会扰乱以下所有内容。是否可以使用边距、填充、两者或其他解决方案来确保独立于图像大小将调整到基线?我知道有一些替代方案,比如让所有图像变成行高的倍数,这样我就可以保持节奏。其他选择是使用JavaScript,不太理想,但如果没有CSS解决方案,我将不得不考虑。 最佳答案 (已编辑——新的和改进的解决方案)我不知道WordPress是否提供了任何方法来

javascript - 我如何使用 gulp 在不同的文件中而不是在 javascript 文件中创建 Typescript sourcemaps?

我有一个使用gulp的项目。我想将typescript文件转换为javascript并拥有源map。这是我现在拥有的:varsourcemaps=require('gulp-sourcemaps');vartypescript=require('gulp-typescript');gulp.task('typescript',function(){gulp.src('app/**/*.ts').pipe(typescript()).pipe(sourcemaps.init()).pipe(sourcemaps.write()).pipe(gulp.dest('app'))});这部分有

javascript - jQuery UI sortable 在排序时触发 css3 动画

我有一些sortables,它们通过一个类定义了CSS3关键帧动画。排序时,我注意到在thisFiddle.中看到的奇怪行为.slideLeft{animation-name:slideLeft;-webkit-animation-name:slideLeft;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important;

javascript - gulp karma 测试 TypeError : Server is not a function

尝试使用gulp运行karma以运行测试,但遵循以下示例:https://github.com/karma-runner/gulp-karma我的gulp文件:vargulp=require('gulp');varServer=require('karma').Server;/***Runtestonceandexit*/gulp.task('test',function(done){newServer({configFile:__dirname+'/karma.conf.js',singleRun:true},done).start();});/***Watchforfilechan

javascript - CSS3 动画 - 使用过渡 : 时不会触发 animationstart 事件

鉴于以下情况:.slide{transition:all1sease0s;transform:translateX(-100%);}和document.documentElement.addEventListener('animationstart',function(){alert(1);},false);该事件不会触发。但是,如果CSS是:.slide{animation:slide1sinfinite}@keyframesslide{from{transform:translateX(0);}to{transform:translateX(-100px);}}它确实火。怎么来的?

javascript - jQuery 是否支持 CSS4 选择器?

jQuery或其他JavaScript库是否支持CSS4选择器?甚至浏览器?我如何测试它们? 最佳答案 目前jQuery唯一支持的4级选择器是:has()和theextendedversionof:not()—这只是因为该规范从jQuery本身获得了灵感,因为jQuery已经在规范于2011年发布第一个公共(public)工作草案之前实现了它们。在规范稳定下来(即至少达到CR)之前,我不希望jQuery实现任何其他功能。您会注意到:has()没有出现在您链接到的2013WD中。那是因为主题选择器确实出现在2013WD中,但被:has