尝试通过 gulp-gcloud-publish 包将编译的 CSS 发布到 GCP 存储桶时出现“TypeError: file.pipe is not a function”

问题描述

我正在尝试使用 gulp-gcloud-publish 包将我编译的 SCSS 和 JS 脚本上传到我的 GCP 存储桶，我正在努力让它工作。我假设是因为软件包已经过时并且可能与 Gulp 4 不兼容。

这是我正在加载的 gulp 依赖项：

const autoprefixer = require("autoprefixer"); // v 9.5.1
const cssnano = require("cssnano"); // v 4.1.10
const { src,dest,watch,series,parallel } = require("gulp"); // v 4.0.1
const postcss = require("gulp-postcss"); // v 8.0.0"
const sass = require("gulp-sass"); // v 4.0.2
const uglify = require('gulp-uglify'); // v 3.0.2
const jshint = require('gulp-jshint'); // v 2.1.0
var gcpub = require('gulp-gcloud-publish'); // v 2.1.1
var log = require('fancy-log'); // v 1.3.3

这是我的 SCSS 和 JS 文件的文件路径：

const files = {
  scsspath: './src/scss/**/*.scss',jsPath: 'src/js/**/*.js'
}

这是我的部署任务，用于编译 SASS 并将编译后的 CSS 文件上传到 GCP 存储桶（我将 SCSS 文件路径传递给 gulp src 函数 / keyFilename 和 projectId引用我定义的 BitBucket 存储库变量）：

function scsstaskGCP() {
  return src(files.scsspath)
    .pipe(sass())
    .pipe(postcss([ autoprefixer(),cssnano()]))
    .pipe(gcpub(
      {
        bucket: 'bucket-name',keyFilename: process.env.GCP_KEY_FILE,projectId: process.env.GCP_PROJECT_ID,base: '/assets/css',public: true,resumable: true,transformDestination: function(path) {
          return path.toLowerCase();
        },Metadata: {
          cacheControl: 'max-age=315360000,no-transform,public',}
      }
    ));
}

上述函数的行为与包的自述文件中的示例非常相似。一个区别是示例传递的是单个文件并将其上传到 GCP 存储桶，而我传递的是动态文件名以覆盖多个 SASS 文件并将 SASS 文件编译为一个脚本。

我不认为这个包喜欢这个，因为当我尝试运行 scsstaskGCP() 任务是通过我的 CI/CD 管道运行时，我收到了这个错误消息：

+ gulp deploy
[22:32:36] Using gulpfile /opt/atlassian/pipelines/agent/project-folder/hca-craft/gulpfile.js
[22:32:36] Starting 'deploy'...
[22:32:36] Starting 'scsstaskGCP'...
[22:32:37] 'scsstaskGCP' errored after 846 ms
**[22:32:37] TypeError: file.pipe is not a function**
    **at DestroyableTransform._transform (/opt/atlassian/pipelines/agent/build/project-folder/node_modules/gulp-gcloud-publish/libs/index.js:113:10)**
   ...
[22:32:37] 'deploy' errored after 848 ms

我不确定我做错了什么以及我还能尝试什么。也许我需要弄清楚如何实现 Gulp 替代方案。任何人都可以帮我解决这个问题吗？？ :( 谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）