草庐IT

gulp-useref

全部标签

html - 使用 gulp-useref 构建应用程序时尊重 CSS @import

我在我的元素中使用jQueryUI并使用gulp构建它。我通过以下方式包含它的样式:当我用gulp-useref构建它时插件,它变为:问题在于styles/vendor/jqueryui.css的内容如下所示:@import"jquery.ui.base.css";@import"jquery.ui.theme.css";这些导入显然在分发包中失败,因为没有jquery.ui.base.css和jquery.ui.theme.css文件。它们没有从bower_components/jqueryui/themes/base/移动到dist包。如何在指定所有jquery.*.css文件的情

javascript - 缩小 HTML,但不要用 Gulp 接触 PHP

问题我有很多.php文件,大部分包含HTML,但顶部还有一些PHP行(例如表单触发代码或类似代码)。所以他们看起来像MyWebsite目标我的目标是缩小HTML(甚至可能是内联javascript,但这只是额外的一点),而不触及顶部的PHP。我正在使用Gulp作为自动构建工具,并希望看到使用此工具的解决方案以及任何需要的额外包。 最佳答案 gulp-htmlmin模块使用html-minifier模块,它有很多可供使用的选项(显示在它的npmjs.com和github页面上)。我们将关注的选项是ignoreCustomFragmen

javascript - 使用 gulp 检查根目录中所有 html 文件中的空链接或空白链接

我的项目根目录中有很多HTML文档。让我们来看一个简单的HTML文档框架:Youareusinganoutdatedbrowser.Pleaseupgradeyourbrowsertoimproveyourexperience.hellohellohellohellohello现在,在我将所有这些文件发送给开发团队之前,我的任务是检查是否没有没有href和空href的链接,或者有一个空片段作为href。即,基本上,不可能有这样的赞:或或我找到了thisgulpplugin但我有一些问题。我们先看一下gulp文件:gulp.task("checkDev",function(callbac

node.js - 在 Docker 容器内或外部运行 Grunt/Gulp?

我正在尝试为使用grunt/gulp部署在docker容器中的nodejs应用程序的构建过程确定一个好的做法。我对以下顺序很满意:在容器外使用grunt(或gulp)构建将./dist文件夹添加到容器中在容器内运行npminstall(带有--production标志)但在我找到的每个示例中,我看到了不同的方法:将./src文件夹添加到容器中在容器内运行npminstall(带有开发依赖项)在容器内运行bowerinstall(如果需要)在容器内运行grunt(或gulp)IMO,第一种方法生成更轻、更高效的容器,但所有示例都使用第二种方法。我错过了什么吗?

node.js - 在 Docker 容器内或外部运行 Grunt/Gulp?

我正在尝试为使用grunt/gulp部署在docker容器中的nodejs应用程序的构建过程确定一个好的做法。我对以下顺序很满意:在容器外使用grunt(或gulp)构建将./dist文件夹添加到容器中在容器内运行npminstall(带有--production标志)但在我找到的每个示例中,我看到了不同的方法:将./src文件夹添加到容器中在容器内运行npminstall(带有开发依赖项)在容器内运行bowerinstall(如果需要)在容器内运行grunt(或gulp)IMO,第一种方法生成更轻、更高效的容器,但所有示例都使用第二种方法。我错过了什么吗?

javascript - Gulp:如何将文件内容读入变量?

我有一个gulp任务需要将文件读入变量,然后将其内容用作在管道中的文件上运行的不同函数的输入。我该怎么做?示例伪伪代码gulp.task('doSometing',function(){varfileContent=getFileContent("path/to/file.something");//How?returngulp.src(dirs.src+'/templates/*.html').pipe(myFunction(fileContent)).pipe(gulp.dest('destination/path));}); 最佳答案

javascript - 使用 Gulp 遍历目录?

我是gulp的新手,但我想知道是否可以在gulp任务中遍历目录。这就是我的意思,我知道很多教程/演示都展示了使用“**/*.js”之类的东西处理一堆JavaScript文件,然后将其编译成一个JavaScript文件。但是我想遍历一组目录,并将每个目录编译成它自己的JS文件。例如,我的文件结构如下:/js/feature1/something.js/js/feature1/else.js/js/feature1/foo/bar.js/js/feature1/foo/bar2.js/js/feature2/another-thing.js/js/feature2/yet-again.js

javascript - 为什么 gulp-useref 似乎不适用于替换部分中的注释?

我正在尝试构建一个gulp管道——我想将一些CSS注入(inject)到我的index.html中(这工作正常),然后从源index.html中获取所有其他链接并在输出版本中替换它们。我注意到useref如果要替换的模板化部分包含HTML注释(请参见下面的COMMENT行示例)调用正在处理输出。用代码演示最简单:index.html(源文件)gulpfile.js任务gulp.task('optimizeReplace',function(){varassets=$.useref.assets({searchPath:'./'});returngulp.src('./src/clien

javascript - 如何在 Gulp 中将 CSS 文件的内容注入(inject)到 HTML 中?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭6年前。Improvethisquestion我需要将样式表的内容插入一个HTML页面。我如何在Gulp中做到这一点?之前(我拥有的):之后(我想要的):p{color:pink;}请注意,我不需要将CSS内联到元素中,而只是将CSS的内容放在中。.

javascript - 捕获 gulp-mocha 错误

我可能遗漏了一些非常明显的东西,但我无法让gulp-mocha捕获错误,导致我的gulpwatch任务在每次测试失败时结束.这是一个非常简单的设置:gulp.task("watch",["build"],function(){gulp.watch([paths.scripts,paths.tests],["test"]);});gulp.task("test",function(){returngulp.src(paths.tests).pipe(mocha({reporter:"spec"}).on("error",gutil.log));});或者,将处理程序放在整个流上也会产生同