Gulp 4开发和生产方法
Gulp 4是一个基于Node.js的前端构建工具，用于自动化开发流程。它可以帮助开发者在开发和生产环境中进行任务的自动化处理，提高开发效率和代码质量。
Gulp 4的开发和生产方法包括以下几个步骤：
- 安装Node.js和npm：首先需要安装Node.js和npm（Node Package Manager），这是Gulp的运行环境和包管理工具。
- 创建项目目录：在项目根目录下创建一个新的文件夹，并在该文件夹中初始化npm，生成package.json文件。可以使用以下命令进行初始化：
- 创建项目目录：在项目根目录下创建一个新的文件夹，并在该文件夹中初始化npm，生成package.json文件。可以使用以下命令进行初始化：
- 安装Gulp：使用npm安装Gulp的命令如下：
- 安装Gulp：使用npm安装Gulp的命令如下：
- 这将会在项目的开发依赖中安装Gulp。
- 创建Gulpfile.js：在项目根目录下创建一个名为Gulpfile.js的文件，该文件是Gulp的配置文件，用于定义任务和任务的处理函数。
- 创建Gulpfile.js：在项目根目录下创建一个名为Gulpfile.js的文件，该文件是Gulp的配置文件，用于定义任务和任务的处理函数。
- 安装Gulp插件：根据项目需求，使用npm安装相应的Gulp插件。例如，如果需要压缩CSS文件，可以安装gulp-clean-css插件：
- 安装Gulp插件：根据项目需求，使用npm安装相应的Gulp插件。例如，如果需要压缩CSS文件，可以安装gulp-clean-css插件：
- 编写任务处理函数：在Gulpfile.js中编写任务的处理函数，使用已安装的插件进行相应的处理。例如，压缩CSS文件的任务处理函数可以如下所示：
- 编写任务处理函数：在Gulpfile.js中编写任务的处理函数，使用已安装的插件进行相应的处理。例如，压缩CSS文件的任务处理函数可以如下所示：
- 运行任务：使用以下命令运行任务：
- 运行任务：使用以下命令运行任务：
- 例如，运行上述的压缩CSS文件任务可以使用以下命令：
- 例如，运行上述的压缩CSS文件任务可以使用以下命令：
- 创建生产环境任务：除了开发环境任务外，还可以创建生产环境任务，用于在构建发布版本时进行一些额外的处理，如压缩、合并、混淆等。可以使用以下方式创建生产环境任务：
- 创建生产环境任务：除了开发环境任务外，还可以创建生产环境任务，用于在构建发布版本时进行一些额外的处理，如压缩、合并、混淆等。可以使用以下方式创建生产环境任务：
- 运行生产环境任务的命令为：
- 运行生产环境任务的命令为：
以上是使用Gulp 4进行开发和生产的基本方法。Gulp可以用于处理各种任务，如编译、压缩、合并、校验等，可以根据项目需求进行相应的配置和扩展。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云安全中心（SSC）：https://cloud.tencent.com/product/ssc
- 云视频服务（VOD）：https://cloud.tencent.com/product/vod
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
- 移动推送服务（TPNS）：https://cloud.tencent.com/product/tpns
相关·内容
1回答
我试图在开发环境中运行aurelia，但是当我关闭终端'gulp服务‘时，停止运行，我得到一个503错误。
我试过运行“gulp服务器&”和“nohup gulp服务&”，但两次在终端上关闭应用程序。
其他人是如何解决这个问题的？此外，如何使浏览器同步在生产环境中不运行？这给我带来了一些问题，但我不知道如何使用gulp，因为它似乎是内置的。
浏览 0提问于2015-10-15得票数 0
回答已采纳
我对gulp比较陌生，我将它作为一个任务运行器来连接和编译.js和sass/css文件。这些方面目前正在开发环境中工作。
我搞不懂的是一个工作流程问题。现在，我的连接文件位于以下文件夹中：
-css (myapp.css)
-js (myappconcat.js)
如果我在本地工作，我还不想为了调试目的而缩小它们(对吗？)。
然而，在阅读gulp时，我发现构建任务通常被设置为将资产缩小到“dist”文件夹中进行生产。如何在我的HTML文件中管理它？
例如，在我的开发HTML文件中，我将包含CSS和js，如下所示：
<link href="/css/myapp.css" r
浏览 2提问于2018-04-17得票数 0
3回答
在我的共享主机上，我希望能够访问gulp (gulp watch)来将较少的资产编译成CSS。要安装gulp，我也必须安装npm。
不幸的是，主机管理员拒绝安装npm。还有其他方法让我的服务器工作吗？
我的gulpfile.js如下所示：
var gulp = require('gulp'),
connect = require('gulp-connect'),
less = require('gulp-less');
gulp.task('webserver', function() {
connect
浏览 2提问于2015-07-12得票数 4
回答已采纳
1回答
在开发期间，我经常运行gulp构建脚本来构建html和js文件。这是一种快速行动。但是为了安装所有需要的基础设施，我应该安装npm和许多模块，bower，gulp和许多其他工具。我花了半个多小时在测试服务器上安装了所有这些工具。
那么，我应该使用相同的方法将代码部署到生产服务器，还是在本地构建所有文件并在常规部署过程中上传它们更好？
浏览 3提问于2015-01-12得票数 2
1回答
我正在开发一个Magento网站，使用Vagrant和Puppet来管理我的开发环境。
我使用Magento样板主题()作为基础，它使用Gulp.js来运行LESS和JS文件的自动编译。
我在主机上运行gulp，因为它安装了完整的node、npm等，但我得到以下错误：
stream.js:94
throw er; // Unhandled stream error in pipe.
^
[gulp] Error in plugin 'gulp-notify': No reporter specified.
主机为Ubuntu12.04，来宾为CentOS。主
浏览 7提问于2014-03-11得票数 3
我有一个奇怪的问题，我希望能得到一些帮助。 我有一个WordPress主题，我已经开发了一个开发设置，包括大饮和巴别塔。我有一个具有开发环境和生产环境的主机提供商。到目前为止，我还没有遇到构建主题、上传到开发环境并对其进行测试的问题--一切都非常顺利。 现在，我尝试将相同的主题(我说的是完全相同的)上传到生产站点，而不是开发站点，并且在控制台中得到以下错误： Error retrieving XXX: ReferenceError: regeneratorRuntime is not defined
at bundle.js?ver=1.0.0:726
at S (bund
浏览 24提问于2020-07-16得票数 0
回答已采纳
1回答
我熟悉gulp以及在单个配置文件中为每个环境进行不同配置的能力。通过这种方式，运行gulp dev将允许您使用开发环境的配置、用于暂存的gulp staging和gulp prod的生产来启动服务器。
现在，我正在研究restify，并试图确定是否可以使用它进行类似的操作。我试过在网上研究这个问题，但没有发现任何有意义的东西。这是可能的吗?如果是的话，谁能举个例子吗？
浏览 0提问于2018-08-22得票数 1
回答已采纳
我在vscode (0.9)中使用gulp任务来尝试从typescript和tslint中获取错误。
gulp任务正在监视ts文件的更改，并对更改同时运行gulp-tslint和gulp-typescript。我还在vscode tasks.json和问题匹配器中定义了一个任务来解析结果。
错误被解析并正确地报告到vscode中。然而，即使代码被修复和保存，它们有时也会被保留。
是否有一些额外的配置要提供给vscode问题匹配器，以便它正确地清除错误，或者这是vscode错误？作为一种解决办法，有没有办法手动清除所有错误？我发现清除它们的唯一方法是重新启动vscode，这不是很好。
请注意，如
浏览 3提问于2015-11-06得票数 11
目前，我有一个非常简单的Gulp构建脚本：
const gulp = require('gulp');
const ts = require('gulp-typescript');
const tsProject = ts.createProject('tsconfig.json');
const del = require('del');
const nodemon = require('gulp-nodemon');
gulp.task('build-clean', function() {
浏览 11提问于2017-04-06得票数 0
回答已采纳
我正在开发大型web应用程序，使用AngularJs作为前端，Laravel RESTful API作为后端。
目前，我正在使用gulp将所有脚本文件连接到一个文件中，包括角库、所有模块和控制器，大约46,000行代码。
这是一种重新评估性能的好方法吗?或者我必须单独包含所有的脚本文件。
另外，连接一些文件并包含其他文件也是一个好方法吗？
提前感谢！
浏览 2提问于2016-06-27得票数 5
回答已采纳
背景
我正试图为我们的应用程序配置一个生产版本。我们用的是npm/gulp/maven/jenkins。目标是用一个命令安装所有的东西-- mvn install -p production或mvn install用于开发(默认选项)。
问题
我的问题是，我如何在国家预防机制中设置一个概要文件以获得：
npm install -从package.json和postinstall gulp安装东西
npm install production -从package.json和postinstall gulp build production安装东西
可能的解决方案
npm-config
浏览 2提问于2016-07-12得票数 0
我有一个在ASP.NET核心之上用AngularJS 2编写的Typescript应用程序。目前，我将TS文件保存在wwwroot目录中。这在开发中运行得非常好。我有点担心当我部署到生产环境时会发生什么。在生产环境中，我只想部署转换后的typescript文件的精简版本。我确信我可以设法使用gulp将它们缩小到wwwroot目录中，并且只部署缩小的版本。但这是最佳实践吗？
也许我应该将我的Angular应用放在wwwroot目录之上，并在编译和/或部署时使用gulp将我需要的内容复制到wwwroot中。在开发过程中，我必须复制.ts、.js和.map文件以进行调试。在编译时似乎要做很多事情，尤
浏览 4提问于2017-01-26得票数 4
我试着阅读教程和浏览其他问题，但找不到一个好的答案，我如何设置gulp，以便我从(已经安装的)bower组件中获得javascript文件，用于开发和生产。
首先，我尝试了一种简单的方法。对于开发：
gulp.task('vendorScriptsDevelopment', function() {
return gulp.src(['bower_components/jquery/dist/jquery.js',
'bower_components/**/*.js',
浏览 0提问于2015-02-05得票数 2
2回答
web部署的最佳实践
、、、
我开始学习sass，并开始使用webpack为我的项目提供更好的开发工作流程(大多数时间我都在开发wordpress主题)。在开发阶段，我和webpack一起使用gulp来捆绑我的js文件并编译sass。
在开发过程之后，我上传所有的东西到我的ftp，然后问题就开始了…当一些样式改变时，我直接在编译的css文件中编写新的样式，当我需要额外的javascript时，我只需将其写入缩小的bundlet javascript文件中，我认为这真的很糟糕。
所以我想问你，在服务器上处理生产环境中的更改(样式，附加的js-code)的最佳实践是什么？(我的服务器没有节点)
浏览 1提问于2017-02-17得票数 0
2回答
TL;DR:每次管理员保存主题自定义设置时，您会在生产服务器上运行gulp吗？
嗨,
我使用gulp+sass+WordPress已经有一段时间了，现在我正在开发一个主题，在这个主题中，最终用户将能够通过自定义程序改变颜色。
我习惯于拥有一个variables.scss和我所有的颜色和东西。
我的第一步是通过在variables.scss上的一个操作来为这个customize_save_after添加自定义变量。
当然，这和我在variables.scss中选择的所有颜色一样，而且当我在我的开发机器上运行gulp时，它会得到corret值，一切都很棒……
只是我没想过生产机器。
我并没有计划在
浏览 0提问于2017-02-27得票数 3
回答已采纳
1回答
我注意到ReactJS有一些只出现在开发模式中的调试消息。
当我在捆绑之前在我的process.env.NODE_ENV = 'production';中设置gulpfile.js时，调试消息就会消失。
我如何编写这样的代码，这些代码只出现在开发(调试)构建中，但没有绑定到生产构建中？
类似于：
function sayHello(message){
#IF DEBUG
if (!message) console.log("message cannot be null");
#ENDIF
alert(message);
}
编辑:当我尝
浏览 2提问于2016-09-16得票数 1
回答已采纳
2回答
我已经克隆了following，并将其部署到heroku，但是应用程序无法运行，并显示了以下错误:应用程序错误，应用程序中发生错误，无法为您的页面服务。如果您是应用程序所有者，请查看日志以获得详细信息。
检查日志时，上面写着：
17-04-18T03:16:50.720375+00:00 app[web.1]:
2017-04-18T03:16:50.730925+00:00 app[web.1]: sh: 1: gulp: not found
2017-04-18T03:16:50.742737+00:00 app[web.1]: npm ERR! file sh
2017-04-18T03
浏览 4提问于2017-04-18得票数 5
回答已采纳
使用gulp和新的，我试图设置一个gulp手表来将我的scss编译成css，这样当编译时出现错误时，手表就不会停止。
我已经设置了一个名为sass的gulp任务来完成这个任务，我可以用gulp sass从命令行很好地运行它，但是当我尝试用gulp watch运行我的gulp.watch命令时，我得到了一个EPERM错误，我无法修复这个错误来使我的gulp.watch正常工作。下面是输出到命令行的错误消息。
我尝试过更改我的node_modules文件夹的权限，也使用sudo来做，但是我仍然会遇到这个错误。我们将非常感谢您的帮助。
var gulp = require('gul
浏览 2提问于2016-09-17得票数 3
回答已采纳
项目结构：
开发
公众
帕格
沙斯
2 2css
管理人员
帕格
3 3sass
4css
我在文件夹名中添加了数字，以模拟当gulp无法猜出哪个输出文件夹是对输入文件夹的尊重的情况。
现在，我希望将public/1sass和admin/3sass中的admin/3sass文件编译为.css，并将其分别放在public/2css和admin/4css中：
public/1 1sass→public/2 2css
admin/3 3sass→admin/4 4css
我需要如何在sass中设置gulpfile任务？即使我们将路径数组放置到gulp.src，gulp如何理解输入路径的哪个输出路径方
浏览 9提问于2017-10-29得票数 0
回答已采纳
1回答
在许多地方，专业人士似乎正在使用一个node.js脚本来构建他们的项目，这个脚本包括吞咽或咕哝。但是，我不明白的是，为什么脚本方法更好呢？当从命令行版本切换到脚本版本时，您可以在其中添加其他包:例如，gulp uglify、乙烯基源流和乙烯基缓冲区。从长远来看，使用依赖最少的方法不是更安全吗？例如，我目前正在使用的命令行方法如下：
browserify entry.js | uglifyjs > bundle.js
这依赖于浏览器化和uglifyjs，并且我没有gulp、gulp等附加的依赖项.我也不需要担心相对于npm的普通uglifyjs的版本。现在请参阅以下版本：
var brow
浏览 4提问于2015-05-23得票数 2
回答已采纳
我希望有子文件夹来开发像Sass、uminified和jades这样的源文件，以及另一个带有用gulp编译的生产文件的文件夹。
我的结构是
/webroot
硕士/开发文件夹(sass，玉石ecc)
app/俯冲文件夹(缩小css ecc)
我认为可以在app.php (?)中设置一个变量。要设置如果我正在开发o生产，并在src/Template/Layout/default.cpt文件中调用它来定义使用哪条路径
if( {isDevelop} ){ <?= $this->Html->css('master/css/cake.css&
浏览 7提问于2017-03-17得票数 1
回答已采纳
我得到的构建文件太大了。我希望它们很小，并使用CDN中的React源文件。
我的Gulp文件包含以下内容：
gulp.task('build', () => {
browserify({
entries: dirs.src + '/index.jsx',
extensions: ['.jsx'],
debug: false
})
.transform(babelify.configure({
presets: ["es2015",
浏览 0提问于2016-02-13得票数 0
5回答
我需要在生产模式下运行React，这可能需要在环境中的某个地方定义以下内容：
process.env.NODE_ENV = 'production';
问题是，我是在“旋风”( python服务器)之后运行这个程序的，而不是Node.js。我还使用Supervisord来管理龙卷风实例，所以还不清楚如何在运行环境中设置它。
但是，我确实使用Gulp将我的jsx文件构建为javascript。
有可能把这个放在杯里吗？如果是的话，我如何检查反应是否在生产模式中运行？
这是我的Gulpfile.js：
'use strict';
var gulp = requir
浏览 4提问于2015-09-11得票数 33
回答已采纳
我正在尝试为以下操作设置一个小的gulp脚本：
将所有Javascript文件连接到一个
丑化此构建的Javascript文件
将所有SASS文件编译为CSS。
缩小这些CSS文件
此外，我希望将步骤1和步骤3的结果保存到一个文件夹(开发人员版本)中，将步骤2和步骤4的结果保存到另一个文件夹(生产性版本)中。问题是，gulp似乎没有在步骤2和4中找到生成的文件，所以它总是根据文件的旧版本构建文件。解决此问题的方法是始终运行我的gulp脚本两次。有人知道为什么会这样吗?我怎样才能解决这个问题？
var gulp = require('gulp');
var
浏览 2提问于2018-03-10得票数 1
回答已采纳
我正在使用Zend框架开发一个PHP项目，这个框架是在本地使用Apache提供的。Grunt/Gulp是否有插件/配置，允许我在对phtml/php、CSS和JavaScript文件进行更改时使用此现有服务器并重新加载浏览器？
浏览 3提问于2014-03-13得票数 4
回答已采纳
1回答
我是个新手(也许我的问题很蠢)。
在开发中，我在本地主机和根文件夹上使用gulp serve，例如：
但在制作时，我想将我的应用程序移到文件夹上，例如：
问题是更改了index.html中的dev“基href”，它来自：
<base href="/">
到prod
<base href="/my-app/">
我可以用条件html注释来更改基本的href吗？例如：
<!-- build:dev -->
<base href="/">
<!-- endbuild -->
<!--
浏览 2提问于2017-03-31得票数 3
回答已采纳
我计划在express上重新构建一个应用程序，其中包含从azure存储中检索到的静态资产。在我的玉文件和Sass中切换引用的最简单方法是什么，以便在本地工作/开发时，express查找本地资产，并在生产中从蔚蓝中寻找资产？
我在我的构建过程中使用了Gulp，所以在构建中这样做更好，还是将应用程序作为一种方法直接使用呢？
浏览 4提问于2015-01-22得票数 0
回答已采纳
2回答
指挥官-并吞咽了一口
、、、
我在用指挥官+写一个节点cli工具。
import program from 'commander-plus';
const prompts = ['a', 'b', 'c'];
program.choose(prompts, (index) => {
// never returns;
});
并且想要用gulp任务来运行它，主要是因为它很方便，而且我们正在加载.env变量，但是在开发上只有。
import env from 'gulp-env';
gulp.task('env'
浏览 2提问于2016-10-28得票数 0
回答已采纳
1回答
我正试图将我的角度项目添加到生产中。然而，我不知道如何做到这一点，因为实际上没有任何关于狼吞虎咽和角度方面的文档。我知道开发服务器和生产服务器之间有区别，但我不理解的是使用development进行生产的过程.
这就是我必须在我的gulpfile.js中启动本地服务器的内容：
gulp.task('connect', function() {
connect.server({
root: './app',
port: 8000,
fallback: './app/index.html'
});
});
如何/如何在
浏览 2提问于2016-03-28得票数 1
回答已采纳
1回答
什么是干净的前端工作流程？
、、、、
我一直在努力弄清楚如何干净利落地安装和更新第三方供应商的客户端资产。我真正想做的就是获取当前版本，并将可用于生产的文件复制到固定位置。到目前为止，我能想到的最好的东西就是这个丑陋的东西：
gulp.task('bower', ['clean','load'], function(){
var bowerFilesToMove = [
'angular*/*',
'bootstrap/dist/*',
'fontawesome/*',
浏览 1提问于2014-04-27得票数 10
2回答
我来自Java背景，在这个背景下，对于测试而不是生产来说，拥有依赖关系是很常见的，然而，使用它我发现很难理解如何使用Javascript和HTML来实现这一点。
我非常希望能够开发一些javascript，它只在我开发时运行(运行gulp服务)，然后当我运行gulp时，这些文件不会包含在dist中，但是我找不到任何常见的方法。
到目前为止，我正在使用尤曼的。
这是一些没有完成的事情(有一个没有包含在生产发行版中的测试脚本)，还是缺少一些自动化来完成这个任务呢？
浏览 1提问于2015-02-26得票数 0
回答已采纳
我只是在学古普。看上去很棒，但我找不到任何关于如何使用它制作完整发行版的信息。
假设我想使用Gulp来连接和缩小我的CSS和JS，并优化我的图像。
在此过程中，我更改了构建目录中JS脚本的位置(例如。从bower_components/jquery/dist/jquery.js到js/jquery.js)。
我如何自动更新我的构建HTML/PHP文档来引用正确的文件？，标准的方法是什么？
如何复制其余的项目文件？。这些文件需要作为发行版的一部分来包含，例如HTML、PHP、各种txt、JSON和其他各种文件。当然，每次使用Gulp进行干净的构建时，我都不必复制和粘贴开发目录中的这些内
浏览 2提问于2014-03-21得票数 8
回答已采纳
我已经在Heroku安装了我的webapp的角度，但不工作。我尝试了许多我在互联网上找到的解决方案，但没有结果。
package.json
{
"name": "yoangular",
"version": "0.0.0",
"dependencies": {},
"scripts": {
"start": "npm start"
},
"devDependencies": {
"gulp": &
浏览 2提问于2017-10-05得票数 0
2回答
正如我在上一个问题中所述：
为了实现客户机和服务器之间的完全分离，我希望设置一个变量来保存客户端请求的端点。当客户端被开发时，请求将被发送到一个返回默认值的“存根服务器”，这样客户端可以不依赖于服务器端的开发而被开发。存根服务器运行在与实际服务器端口不同的一个端口上，并且在运行服务器和客户端之间的集成时，在分支集成中，变量将保存真实的服务器端口。
在这方面，我了解到像Gulp这样的构建工具可以帮助我。
我正在处理Tfs源代码管理。
举个例子，我想要的是写一个这样的任务：
gulp.task('setEndPoint', function() {
var branchNam
浏览 5提问于2016-05-04得票数 6
回答已采纳
我有一个吞咽脚本，它连接并缩小了我的JavaScript。
使用gulp-html-replace插件，我可以用index.html中的级联文件替换我所有的JS依赖项。
最后我得到了一个dev版本(/dev/index.html)，其中包含了所有单个JS文件(易于调试)和一个生产版本，所有JS都连接在一起(/prod/index.html)。
现在，我在一个NodeJS文件中有一个配置标志(在config.js中)，并执行以下操作：
res.render(((config.build === 'prod') ? './prod' : './dev'
浏览 6提问于2015-11-16得票数 0
回答已采纳
我在GitHub上托管我的网站。我正在使用npm和Gulp。
我是否应该将我的package.json文件、gupfile.js和build/文件夹(CSS和JS源文件)上传到我的生产服务器上？
浏览 1提问于2016-03-07得票数 1
回答已采纳
1回答
在构建网站时(为了清晰起见，只有HTML/JS网站)，我使用gulp编译和连接一些文件，然后将这些文件放在build/文件夹中。
文件夹结构如下所示：
├── assets
│ ├── images
│ ├── javascripts
│ │ └── app.js
│ └── stylesheets
│ └── style.scss
├── bower.json
├── build
│ ├── bower_components
│ ├── images
│ ├── index.html
│ ├── scripts.min.js
│ └── s
浏览 4提问于2015-08-19得票数 9
回答已采纳
1回答
我现在正在开发一个laravel-5，AngularJS应用程序的js。我使用的是长生不老的版本css和js文件。然而，在我开发的时候，我不想每次我想测试一些东西时都不得不对我的文件进行版本化。
当你还在积极开发的时候，使用长生不老药的最好方法是什么？
我知道您可以使用gulp，但是每次我保存代码时，这不会创建一个新编译版本的代码吗？这些文件会很快加起来。
相关问题:我是否应该将生成的文件提交到版本控制？
浏览 4提问于2015-08-26得票数 0
回答已采纳
我已经阅读了几个关于这方面的SO问题，但没有运气。
我尝试在Gulp的情况下运行Vue，但没有运行webpack，但我一直收到错误。[Vue warn]: Failed to mount component: template or render function not defined.和[Vue warn]: Cannot find element: #app
我的结构是：
project
|-- src
|-- app
|-- components
-- app.vue
|-- js
-- main.js
ind
浏览 15提问于2017-01-18得票数 1
我发现关于Gulp 4的文档非常难找到，所以我想我可以在这里询问是否有人能帮上忙。
无论如何，我对Gulp还是很陌生的，并且一直使用Gulp 3，没有任何问题，直到我尝试在我们用于开发的虚拟机上运行它。我的gulp文件非常直接，我只是使用gulp将SASS编译成一个css文件，该文件工作正常，但是每次保存css文件时，它都会更改文件的写权限，浏览器无法读取该文件！
因此，我做了一些研究，显然这是一个问题，古尔普3，它现在已经修复了古尔普4-见- 。所以我想我应该尝试Gulp 4，所以我按照这里的说明进行了更新-- ，但是我在设置实际的gulpfile.js时遇到了实际问题，因为我找不到它的任何
浏览 3提问于2015-09-09得票数 8
下面是在运行生成器时出现的原始gulpfile文件--角满堆栈(基本上--我从开发中删除了一个任务)。
当我运行gulp build时，‘client/components/ code /templates/’中的HTML文件没有被添加到项目中，所以当我尝试为构建的代码提供服务时，我收到了一个错误消息：
加载模板失败：./components/modal/template/Event.html (HTTP状态: 404未找到)
有人能告诉我要更改什么才能把这个位置的文件带到项目中吗？
// Generated on 2016-06-21 using generator-angula
浏览 4提问于2016-07-19得票数 0
我对Sass的Gulp任务有问题。这不会生成源地图。问题是只有这个任务，我的.js源地图工作得很好。
有人可以检查我的任务吗？
gulp.task('build-css', function () {
gulp.src(['src/scss/vendor.scss', 'src/scss/styles.scss'])
.pipe(plumber())
.pipe(sourcemaps.init({loadMaps: true}))
.pipe(sass.sync())
.pi
浏览 6提问于2016-11-28得票数 0
1回答
我试着想出一个更好的方法来控制我们的网站项目。记住，我只是一个前端开发人员，所以我对VCS没有很深的了解。
工作流正在改变，过去的版本控制习惯已经过时。主要问题是每个网站都有两个前端文件数组。
dev环境(更少的文件、未压缩的js、图像等)。构建环境“被吞并”(所有的东西都压缩了，不能被人类阅读)。
但你不能出售一个网站的源文件。感觉不太对。
有一个解决方案是有两个repos :一个构建，一个dev，用gulp发送dev文件来构建目录。但这是一个麻烦的维持，与小公司，我不认为它是伟大的。它创造了大量的回购，人们不得不管理几个回购，有时甚至一个svn回购，问题出现。
因此，还有一个解决方案，即在
浏览 0提问于2015-09-09得票数 9
回答已采纳
1回答
我使用了与另一个项目类似的配置(有更多的任务)，但我不确定我在这里遗漏了什么来获得这个错误：
AssertionError [ERR_ASSERTION]: Task never defined: undefined
因此，希望使用Gulp 4并使用3项任务(构建HTML、缩小JavaScript并创建服务器)。我将它分为两个过程:开发和构建。
const gulp = require('gulp');
const jsmin = require('gulp-jsmin');
const browserSync = require(&#
浏览 0提问于2020-11-22得票数 0
回答已采纳
1回答
我是个新手，所以我不知道有多少好的gulp插件。我写了一段代码，用gulp及其插件简化js、css和html，运行良好。但现在我被解压代码卡住了。我不知道应该使用哪些插件，哪些插件可以很容易地解开代码。
guplfile.js：
var gulp = require('gulp'),
uglify = require('gulp-uglify')
htmlmin = require('gulp-html-minifier')
csso = require('gulp-csso');
gulp.task(&
浏览 0提问于2017-06-22得票数 0
1回答
提前谢谢。我正在制作安古拉2-流星应用程序。在这个应用程序中，我想使用Angular2-meteor中的Gulp来缩小和编译类型脚本代码，但是我不能安装gulp软件包。你能帮帮我吗，谢谢你。
浏览 3提问于2016-01-19得票数 0
我是JavaScript开发领域的新手，目前正在开发一个不错的工作流。不过，我很难理解古普是怎么工作的。我已经使用npm安装了我的依赖项，并编写了一个尽我的能力所能达到的目的文件。
var gulp = require('gulp'),
minifycss = require('gulp-minify-css'),
autoprefixer = require('gulp-autoprefixer'),
uglify = require('gulp-uglify'),
minifyhtml = require('gulp
浏览 1提问于2014-02-18得票数 2
回答已采纳
因此，就像许多刚开始使用Gulp的人一样，我很难在我的开发机器(win7、xampp、drupal)上正常工作。
我的问题很简单:如何才能在浏览器中使用肝脏进行sass编译？
我可以确认我的SASS使用指南针、手表或捆绑执行守卫正确编译，但是用Omega4在drupal上设置的常规肝脏非常缓慢。有人建议我查看gulp/grunt，所以我选择了gulp，因为据报道，gulp的配置很容易
我还在我的few服务器根部正确地安装了gulp，我可以通过命令行单独或通过gulp调用gulp文件中的几个函数。
我面临的问题是，无论是狼吞虎咽，还是红宝石-沙司都不起作用！
我喝了一口红宝石，得到了argume
浏览 5提问于2015-06-07得票数 0
回答已采纳
我正在尝试将我的reactjs/webpack/gulp应用程序转换为webpack2。我使用这个项目中的webpackconfig+.babelrc文件和package.json作为起点：
这是gulpcode：
var gulp = require('gulp');
var webpackStream = require('webpack-stream');
var webpack2 = require('webpack');
gulp.task('default', function() {
return gulp.
浏览 4提问于2017-03-08得票数 1
1回答
我已经使用Bower安装了一些软件包，但我不知道如何部署它们。
例如，我的第一个想法是创建一个Gulp任务，将它们连接起来--我用我的角包完成了这个任务：
gulp.task('libs', function () {
'use strict';
return gulp
.src([
'./public/assets/libs/angular/angular.min.js',
'./public/assets/libs/angular-animate/angu
浏览 2提问于2015-06-27得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
