草庐IT

gulp-mocha

全部标签

javascript - 什么是使用 bower 和 gulp 的干净的前端工作流程?

我一直在努力弄清楚如何干净地安装和更新来自第3方vendor的客户端Assets。我真正想做的就是获取当前版本并将生产就绪文件复制到固定位置。到目前为止我能想到的最好的就是这个丑陋的东西:gulp.task('bower',['clean','load'],function(){varbowerFilesToMove=['angular*/*','bootstrap/dist/*','fontawesome/*','jasny-bootstrap/dist/*','jcrop/css/*','jcrop/js/*','jquery/dist/*','jquery-align-colum

javascript - 如果文件丢失,如何使 Gulp.src 失败?

我们的gulp构建采用了一堆随Bower安装的库,然后将它们与我们分布在多个目录中的所有代码连接起来。这是它的样子:varjsFiles=[sourcePath+'/config/config.js',sourcePath+'/vendor/jquery/dist/jquery.js',sourcePath+'/vendor/js-cookie/src/js.cookie.js',sourcePath+'/vendor/modernizr/modernizr.js',sourcePath+'/vendor/lodash/lodash.js',sourcePath+'/vendor/pi

javascript - gulp-sass @import CSS 文件

使用gulp-sass我可以包含.scss文件@import'filepath.scss';但是当我尝试使用@import'filepath.css'导入普通的css文件时,它只是添加了importurl(filepath.css);的导入行到输出css文件,而不是实际导入代码。如何导入CSS文件和SCSS文件?我想这样做以包含来自凉亭的文件。这是我的gulp函数://includegulpvargulp=require('gulp');//includedepsvarminifyCSS=require('gulp-minify-css'),autoprefix=require('gu

javascript - 如何同时使用 'gulp-babel' 和 'gulp-browserify'

我试着写这些代码gulp.task('script',function(){'usestrict'returngulp.src(['app.js','components/**/*.jsx']).pipe(babel()).pipe(browserify()).pipe(gulp.dest("dist"));});但它显示了一些错误:SyntaxError:/Users/Zizy/Programming/learn-react-js/components/CommentBox.jsx:58^ParseError:UnexpectedtokenatwrapWithPluginError(

javascript - gulp JavaScript 变量中 OR 的语法

这应该很简单。我在gulpfile.js中声明了这个路径变量:paths={img:['src/patternlab/**/**/*.jpg','src/patternlab/**/**/*.png']};我想对文件扩展名使用一个简单的OR开关,如下所示:'src/patternlab/**/**/*.(jpg|png)'但是我找不到正确的语法!尝试了无数次排列,浏览了MDN等等…… 最佳答案 gulp使用的模式是npm的glob提倡的模式。包不使用精确的正则表达式模式匹配语法,我想是因为这些东西在与路径匹配时开始看起来很可怕。关于

javascript - 在使用 Mocha 进行测试时处理 WebPack CSS 导入

使用WebPack,您可以像这样在代码中导入样式:import'./PageSpinner.styl';但是当您尝试使用Mocha测试此代码时,您的测试将因SyntaxError而崩溃,因为引擎尝试处理像JS代码这样的样式。如何使用Mocha测试这样的代码? 最佳答案 我最近遇到了同样的问题,解决方案是通过Mocha编译器。创建一个文件,我们称之为“css-null-compiler.js”,它有:functionnoop(){returnnull;}require.extensions['.styl']=noop;//youcan

javascript - Gulp 浏览器同步只工作一次

我正在我的一个项目中试用Gulp,我想像以前使用Gruntwatch一样运行它。这意味着,它必须监视更少的文件和js文件、lint、合并、编译并在完成所有操作后刷新浏览器。我设法让它与gulp-browser-sync一起工作,但由于某种原因它只能工作一次。我更改了我的.less文件,浏览器重新加载。然后,进行第二个更改,它会编译但不会重新加载。这是日志:[BS]Servingfilesfrom:./[09:47:26]Starting'css-clean'...[09:47:26]Finished'css-clean'after16ms[09:47:26]Starting'style

javascript - 如何使用 Gulp 订购注入(inject)的文件?

我的Angular应用程序具有以下结构-src/app/main/|-main.js-main.controller.js-index.html我正在使用Gulp。构建完成后,*.js文件以错误的顺序注入(inject)到index.html中。文件main.js依赖于main.controller.js,所以main.controller.js必须在main之前注入(inject)。js.这是我的gulpfile.js'usestrict';vargulp=require('gulp');vargutil=require('gulp-util');varwrench=require(

javascript - Gulp.js - 在连接时重写嵌入在 css 中的 url

我正在使用Gulp连接来自不同目录的多个css文件(Bower管理的依赖项)。Font-awesome是这些依赖项之一,它包含对其字体的相对引用url(../font....)。当css文件被串联并放在不同的目录中时,这个相对url显然是错误的。是否有处理此问题的最佳做法? 最佳答案 你可以使用gulp-replace。https://npmjs.org/package/gulp-replace**gulp-replacecanbecalledwithastringorregex.***replace(string,replacem

javascript - mocha-phantomjs 的 mocha init 超时

我有以下testrunner.html:Specsfunctionassert(expr,msg){if(!expr)thrownewError(msg||'failed');}_runner.js如下所示://ConfigureRequireJSrequire.config({baseUrl:'/client',urlArgs:"v="+(newDate()).getTime()});//Requirelibrariesrequire(['require','lib/chai','lib/mocha'],function(require,chai){//Chaiassert=chai