gulp 相关问题

Gulp是一个JavaScript构建系统,基于Node.js的任务运行器,如Grunt。 Gulp使用流和代码配置来实现更简单,更直观的构建过程。

运行 Gulp 的 Docker 容器运行任务,但在“观看”时不运行

我已将 Gulp 内容放入 Dockerfile 中: 来自节点:14 工作目录/应用程序 复制包*.json ./ 复制 gulpfile.js ./ ... 运行 npm 安装 运行 npm install -g gulp 曝光 3000 CMD [“吞咽”] 当我...

回答 1 投票 0

Gulp 编译时出现 mac m1 gulp-notify 和 node-notify 错误问题

我有 macbook pro m1 我正在使用 gulp 和 webpack for wp 项目来编译代码。 我收到这个错误 [16:28:42] gulp-notify:[通知程序中的错误]插件“gulp-notify”中的错误 信息: ...

回答 1 投票 0

AWS S3 同步命令仅基于文件大小?

是否可以运行S3同步命令,但仅根据文件大小上传文件,而不仅仅是包含文件的修改日期时间? 我目前正在运行: aws s3 同步 ./../app/dist s3://

回答 1 投票 0

生产源地图。有必要吗?

我有一个使用 Node Module 创建的 gulp 任务,它调用 GCC 编译器,从而减少了我的 JS 代码。这是节点缩小。 问题是它不是“管道输出”,我不能使用管道......

回答 2 投票 0

如何向 TypeScript 添加定义

我有一个利用 Object.groupBy 的 TypeScript 项目。遗憾的是,我的 TypeScript 编译器不知道这意味着什么。 Object.groupBy(集合, ({ foo }) => foo); // ts(2339) 属性 '

回答 1 投票 0

gulp 在带有 gulp-pug 和 gulp-plumber 的管道中看不到文件夹

我正在使用 gulp=4.0.2、gulp-plumber=1.2.1、gulp-pug=5.0.0。我的文件结构大致是 gulpfile.js └── src/哈巴狗/页面 ├── 接触.pug ├── 索引.pug └── 项目 └── 项目.pug 我的

回答 1 投票 0

gulp 中的多个命令

我想使用 gulp 执行多个命令来启动服务器。我想通过 gulp 任务执行以下命令。 - cd ../服务器 - npm 运行开始 我正在尝试 gulp-exec,...等等,然后...

回答 1 投票 0

AWS Amplify 构建超时错误:运行 gulpfile.js 时卡在前端

我使用我的 Github 存储库从手动部署转移到自动 CI/CD,在手动部署中,它运行没有任何问题。连接主存储库并开始构建后,还没有开始...

回答 1 投票 0

同步使用归档器

我想压缩一个文件夹,然后我必须在 Gulp 任务中删除它。 我正在尝试以同步方式使用存档器。 我使用归档器的 npm 页面中的快速入门指南中的代码,它

回答 2 投票 0

调试/记录 gulp.pipe 的输出

我正在尝试使用 gulp 来统一我的 js 和 css (当然是在单独的任务中)。 这是我的 gulpfile.js: // 包括吞咽 var gulp = require('gulp'); // 包含插件 var 插件 = require("...

回答 1 投票 0

gulp-sass 无法使用带有下划线名称文件的 @import 完整目录进行编译

快速总结,我使用 @import "dir/**/*" 导入大约 100 个左右的 _filename.scss。下划线在这里很重要。 如果我使用“@import“dir/specific_path/filename;”并添加所有文件

回答 1 投票 0

Docker:Browsersync 无法正常工作

我在使用 Gulp、Browsersync 和 Docker 的 Node.js 应用程序中遇到问题。 当使用 gulp watch 在本地运行时,一切正常。然而,当使用 docker-compose up 时,我得到一个“C...

回答 1 投票 0

运行“gulp”命令时出现“错误 [ERR_REQUIRE_ESM]”

我是 Gulp 新手,正在尝试自动化一些任务。这是我的环境设置:npm 版本:8.1.0,node 版本 17.0.1,gulp CLI 版本 2.3.0 和 gulp 版本 4.0.2 这是我的 gulpfile.js: // ...

回答 6 投票 0

无法运行任何Gulp命令

我对 NodeJS 比较陌生,正在学习使用 Sharepoint 框架进行开发。它工作正常,突然开始抛出错误。 我的NodeJS版本是:V10.13.0。 我的咽口水…

回答 5 投票 0

Azure Pipeline:无法找到可执行文件:“gulp”。在任务 Gulp@1

我正在尝试创建一个运行自定义 gulp 命令的 CI 构建,但管道在任务 Gulp@1 上遇到问题。我正在事先运行 NPM 安装命令,其中应该包括...

回答 1 投票 0

使用 gulp-sass-js 通过 github 页面托管我的网站

我一直在尝试将我的网站托管到 github 页面。我使用 gulp-sass 制作了我的网站,但是当我尝试部署时,只显示 html,我重新检查了我的 css 和 js 链接,它们似乎工作正常...

回答 1 投票 0

错误 [ERR_REQUIRE_ESM]:gulpfile.js 中 ES 模块的 require()

我有一个React16项目,我正在尝试将其更新到React18,使用旧包一切正常。但我更新了所有包和依赖项,当我想运行它时,它返回此错误: ...

回答 1 投票 0

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

问题 我有很多 .php 文件,主要包含 HTML,但顶部也有一些 PHP 行(例如表单触发代码或类似代码)。所以他们看起来像 问题 我有很多 .php 文件,大部分包含 HTML,但顶部也有一些 PHP 行(例如表单触发代码或类似代码)。所以他们看起来像 <?php if($someValue){ //doSth } //more content ?> <!DOCTYPE html> <html lang="de"> <head> <title>My Website</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <!-- Content and scripts here --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> </body> </html> 目标 我的目标是缩小 HTML(甚至可能是内联 JavaScript,但这只是一点额外的),而不触及顶部的 PHP。 我使用 Gulp 作为自动构建工具,并希望看到使用此工具和任何需要的额外包的解决方案。 gulp-htmlmin模块使用html-minifier模块,该模块有很多可用的选项(显示在其npmjs.com和github页面上)。我们重点关注的选项是ignoreCustomFragments。 var gulp = require(gulp), htmlmin = require(gulp-htmlmin); gulp.task('htmltask', function(){ return gulp.src(['./dev/*.html','./dev/*.php']) .pipe(htmlmin({ collapseWhitespace: true, ignoreCustomFragments: [ /<%[\s\S]*?%>/, /<\?[=|php]?[\s\S]*?\?>/ ] })) .pipe(gulp.dest('./site')); }); 在上面的代码中,您会看到我们将 ignoreCustomFragments 与正则表达式 /<\?[=|php]?[\s\S]*?\?>/ 一起使用来忽略以 <? 和 <?php 开头并以 ?> 结尾的代码。 默认情况下,html-minifier会忽略php,因此您不必担心设置ignoreCustomFragments。 编辑 谢谢阿默斯克 您使用的某些 php 文件可能没有结束标签,例如许多 WordPress 文件就没有。另一种选择是使用以下内容: ignoreCustomFragments: [/<\?[\s\S]*?(?:\?>|$)/] 您可以使用此 VSCode 扩展:Minify HTML in PHP 这对我有用! // Gulp.js configuration var // modules gulp = require('gulp'), newer = require('gulp-newer'), htmlmin = require('gulp-htmlmin') // development mode? devBuild = (process.env.NODE_ENV !== 'production'), // folders folder = { src: 'src/', build: 'build/' } gulp.task('minify', () => { return gulp.src('src/*.html') .pipe(htmlmin({ collapseWhitespace: true })) .pipe(gulp.dest('dist')); }); ;

回答 3 投票 0

Tailwind 与 php 文件

我我有一个由css、js、php文件组成的项目。 CSS 和 js 文件位于 /src 文件夹中,而 php 文件则位于项目的根文件夹中。 我想用顺风和吞咽...

回答 1 投票 0

如何从以前的typescript(.ts)文件中删除已编译的JS文件?

我正在关注 Angular 2 快速入门教程。以下是我的文件夹结构 - ├── gulpfile.js ├──index.html ├── js | ├── app.component.js | └── boot.js ├── 来源 | ├── 应用程序.组件.t...

回答 12 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.