gulp相关内容

Gulp:仅在编辑导入的 SCSS 文件时编译更改的文件并编译父级

在工作中,我们曾经使用 Ruby 来编译 SCSS.我在 PhpStorm 中将 Ruby 编译器设置为文件观察器,当我编辑由另一个文件导入的部分时,与祖先文件相对应的 CSS 文件会毫不费力地更新. 我想让 Gulp 和 Libsass 以同样的方式工作.我见过的大多数解决方案只是在一个项目发生更改时编译项目中的所有 SCSS 文件,但我们的项目有太多的 SCSS 文件,这不是一个可接受的 ..
发布时间:2022-01-12 14:12:50 其他开发

Gulp - 处理多个主题和文件夹

我正在尝试创建一个终极的 gulpfile,我们可以在我们的一个大型网站上使用它(一个具有多个主题的网站,具体取决于您所在的网站部分).我试图让它只运行它需要运行的进程,而不是重新编译所有东西. 让我准确地布局我想要实现的目标: 文件夹结构 src/主主题/css/样式.scss部分/_a.scss_b.scss图片/一个.jpgb.jpg子主题/css/样式.scss部分/_c.s ..
发布时间:2022-01-12 14:12:40 其他开发

任务名称的 Gulp.js 约定

在编写 Gulpfile、命名任务、构建配置文件等方面是否有任何约定? 也许可以从 Grunt 世界中汲取一些基本的常识性东西? 您如何处理 Gulpfile 的结构化问题,就好像您要辞掉工作一样,下一个 JS 开发人员会来并直观地了解如何构建项目? 解决方案 所以我们完成了按阶段对名称进行分组,在主要阶段的名称下嵌套子任务. 基本上我们使用策略从已经存在的其他语言(例如 ..

使用 gulp-typescript 在 VS2015 中未显示 Typescript 编译错误

这是几天前工作正常的东西,所以我不确定从那以后发生了什么变化(除了更新到 ASP.NET Core RC2 并为 VS2015 安装了一些扩展,我记得) 问题是当从 VS2015 运行 Gulp 任务来编译我的打字稿文件时,如果出现错误,它会显示例如: [10:02:54] 将 typescript 编译成 javascript[10:02:56] TypeScript:1 个语义错误[1 ..
发布时间:2022-01-12 14:12:03 其他开发

从 gulp 运行时在 WebStorm 中调试节点应用程序

我正在使用 webstorm 10.0.2 并使用 bangular yeoman 模板来生成项目.我可以通过 gulp 窗口运行 gulp 命令,并且可以在 gulpfile.js 中设置断点,它会命中它,但我似乎无法让它命中我的断点server.js 在我看来,gulp 文件正在启动 node 的另一个实例,因此当您从 webstorm 进行“调试"时,您只是在调试 gulp. 我 ..
发布时间:2022-01-12 14:11:54 其他开发

获取vscode中任务文件的相对路径

我在 vscode 的 tasks.json 文件中定义了一个任务,如下所示 {“版本":“0.1.0",“任务": [{“命令":“吞咽","taskName": "eslint_task",“参数":[“埃斯林特","- 文件",“${文件}"],“回声命令":真}]} ${file} 为我提供了运行此命令的文件的绝对路径(在 macOS 中从 /Volumes 开始).有什么方法可以获取 ..
发布时间:2022-01-12 14:11:31 前端开发

错误:生成 ENOENT:缺少 sass 可执行文件

我在 Windows 中使用 bash. 尝试通过 gulp 运行 sass 编译器命令时出现此错误.我有红宝石&萨斯安装.Sass 在手动运行时运行良好. 错误:生成 ENOENT:缺少 sass 可执行文件.请安装 sass 并在您的 PATH 上可用 我已将我的 ruby​​ bin 的目录包含在 PATH 变量中(环境变量中的系统变量). 有人有什么想法吗? 解决方案 ..
发布时间:2022-01-12 14:11:16 其他开发

用于生产准备的 Ionic 应用程序的任务

我正在尝试找出从代码传递到最终可部署 apk/ipa 的最佳过程. 到目前为止,我有一个使用 Karma + Jasmine 的测试套件,它将 TypeScript 转换为 JS 并运行一些单元测试.我通过 gulp 开始这个过程. 在那之后,我所知道的就是 ionic build android --release 生成(尚未签名的)apk.但我不确定生成的 apk 的滥用/缩小程度 ..

通过 npm 节点自动化 Git 提交 + 版本控制 + 标记

我一直试图得到的是,使用 npm version 更新 package.json 并创建一个标签,然后提交我的更改.这样,我将能够按版本进行标记,自动版本控制和提交信息. 我遇到的问题是,当我使用npm版本时,它会自动进行标记+提交,然后如果您之前有一些更改则无法完成,所以对我来说,增加没有意义您的项目的版本,在进行更改/实施/修复之前. 然后,我遇到的另一个问题是我首先将版本增加为“ ..
发布时间:2022-01-12 14:11:00 其他开发

使用 Gulp 在我的 CSS 中缓存半身像背景图像而无需编辑我的 SASS?

我想在我的 CSS 中缓存半身像背景图片.所以如果我原来的风格是: .one {背景:网址(图片.png);} 可以添加一个字符串: .one {背景:网址(image.png?1234);} 或者可以更改文件名: .one {背景:网址(image-1234.png);} 与其使用随机生成器或时间戳 id,不如使用图像文件的哈希值,以便仅在需要时(当文件实际更改时)才清除缓存. ..
发布时间:2022-01-12 14:10:54 其他开发

阻止 gulp 更改 shell/cmd 标题名称

当调用 gulp 时,它会将我的 cmd (windows) 标题更改为:“gulp" 我希望窗口名称保持原样 我知道我可以使用 https://www.npmjs.com/package/gulp-shell但这似乎有点过头了 我的意思是如果我调用批处理脚本 title mytitle吞咽. 窗口的标题是“gulp"而不是“mytitle" 解决方案 使用 proc ..
发布时间:2022-01-12 14:10:47 其他开发

使用 gulp-notify 和 gulp-plumber 处理错误

我想在以下情况下显示通知: 1.出现错误 2.脚本执行成功时 所有通知实际上都在工作,但始终显示成功通知,即使出现错误也是如此. 如何确保只有在没有发生错误时才显示成功通知? 这是我目前的任务: var gulp = require('gulp');var sass = require('gulp-ruby-sass');var rename = require('gulp ..
发布时间:2022-01-12 14:10:32 其他开发

Gulp-watch 没有获取新文件

每当文件被更改、删除或添加新文件时,我都会尝试运行任务.然而,前两个工作:当一个新文件被添加时,它不会被拾取. 我安装了包 gulp-watch 并且我有这个任务: var gulp = require('gulp'),watch = require('gulp-watch');gulp.task('watch', function() {手表(['./src/Scripts/**/*.j ..
发布时间:2022-01-12 14:10:20 其他开发

任何等效的 gulp 插件用于执行“grunt bower"?

使用 grunt,我可以使用命令 grunt bower(由 grunt-bower-requirejs) 为我的本地 bower 组件自动生成 RequireJS 配置文件. gulp 有没有插件可以执行类似的任务? 解决方案 注意 bowerRequireJS 是一个异步函数.因此,您需要使用回调(或同步返回 Promise)将该任务标记为异步,如下所示: gulp.task( ..
发布时间:2022-01-12 14:10:13 前端开发

Gulp 手表不工作

我是 Gulp 的新用户,我尝试使用简单的脚本来查看指南针,但它不起作用.但是当我运行 gulp compass 时,gulp 可以编译它.有任何想法吗?这是我的脚本: var gulp = require('gulp'),指南针 = 要求('gulp-指南针'),//指南针gulp.task('指南针', function() {gulp.src('./assets/scss/*.scss') ..
发布时间:2022-01-12 14:10:08 前端开发

使用 Gulp-SASS 从 node_modules 导入 CSS

我想使用 SASS 从我的 node_modules 导入一个 CSS 文件. @import 'normalize.css/normalize'; 这就是我的 gulpfile.js 处理我的 SASS 的方式: constgulp = 需要('gulp'),sass = require('gulp-sass');gulp.task('sass', function () {return ..
发布时间:2022-01-12 14:09:57 其他开发

缓存在 SASS 文件中链接的破坏图像

我对 Laravel 5.0 相当陌生,但对 PHP 不是.我一直在使用 Elixir 来编译我的 SASS,从我的资源目录复制图像并通过 mix.version 函数运行它们以防止缓存. 不过,这对 CSS、图像和 JavaScript 非常有用;是否也可以让 Elixir 缓存在我的 CSS/SASS 中链接的图像?当然,对图像进行版本控制很容易,但有没有办法调整 CSS 以反映新的文件 ..
发布时间:2022-01-12 14:09:41 前端开发