标签: gulp

我正在尝试使用TypeScript和Angular应用程序运行dev服务器,而不是每次都转换ts文件.我发现我可以运行,ts-node但我也想观看.ts文件并重新加载应用程序/服务器,就像我用gulp watch这样的东西.

我想更新我的浏览器同步而不更新我的所有节点包.我怎样才能做到这一点？我当前版本的Browser-sync没有浏览器同步GUI :(

??? browser-sync@1.9.2
? ??? browser-sync-client@1.0.2

当在gulp项目中使用eslint时,我遇到了这样的错误问题,
Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style我使用Windows环境进行运行gulp,下面给出了整个错误日志

 Kiran (master *) Lesson 4 $ gulp
 Using gulpfile c:\Users\Sai\Desktop\web-build-tools\4\
 gulpfile.js
 Starting 'styles'...
 Finished 'styles' after 17 ms
 Starting 'lint'...
 'lint' errored after 1.14 s
 ESLintError in plugin 'gulp-eslint'
 sage: Expected linebreaks to be 'LF' but found 'CRLF'.
 ails: fileName: c:\Users\Sai\Desktop\web-build-tools\4\js\extra.js



$>Users\Sai\Desktop\web-build-tools\4\js\extra.js
error  Expected linebreaks to be 'LF' but found 'CRLF'  linebreak-style

我还包括extra.js文件作为指示可能的错误的错误.

function getWindowHeight() {
    return window.innerHeight;
}

getWindowHeight();

我是新手,并且一直在查看示例设置.有些人有以下结构:

gulp.task("XXXX", function() {
    gulp.src("....

其他人有这个:

gulp.task("XXXX", function() {
   return gulp.src("....

我想知道src 的回报有什么不同？

我正在尝试使用Gulp:

1. 获取3个特定的javascript文件,将它们连接起来,然后将结果保存到文件中(concat.js)
2. 取这个连接文件并uglify/minify它,然后将结果保存到另一个文件(uglify.js)

到目前为止,我有以下代码

    var gulp = require('gulp'),
        gp_concat = require('gulp-concat'),
        gp_uglify = require('gulp-uglify');

    gulp.task('js-fef', function(){
        return gulp.src(['file1.js', 'file2.js', 'file3.js'])
            .pipe(gp_concat('concat.js'))
            .pipe(gp_uglify())
            .pipe(gulp.dest('js'));
    });

    gulp.task('default', ['js-fef'], function(){});

但是,uglify操作似乎不起作用,或者由于某种原因不生成文件.

我需要做些什么来实现这一目标？

所以我有一个全新安装的El Capitan,我正在给这些任务跑步者另外一个.

我正在关注sitepoint对Gulp.js的介绍,但我坚持第四步,当我试着跑时gulp jshint我得到了" Error: Cannot find module 'jshint/src/cli'"

我不知道是什么造成了这个,这就是我在这里问的原因.下面是几个屏幕抓取来帮助解决这个问题.

一如既往,我永远感激任何建议.

我对任务运行器和捆绑器世界有点新意,并且经历了类似的事情

Grunt,Gulp,Webpack,Browserify

,我觉得他们之间没有太大区别.换句话说,我觉得Webpack可以完成任务运行员所做的一切.但是我仍然有一个巨大的例子,其中gulp和webpack一起使用.我无法弄清楚原因.

对此我不熟悉,我可能会把事情弄错.如果你能指出我所缺少的东西,那就太好了.欢迎任何有用的链接.

提前致谢.

我试图在Gulp中uglify Browserify的输出,但它不起作用.

gulpfile.js

var browserify = require('browserify');
var gulp = require('gulp');
var uglify = require('gulp-uglify');
var source = require('vinyl-source-stream');

gulp.task('browserify', function() {
    return browserify('./source/scripts/app.js')
        .bundle()
        .pipe(source('bundle.js'))
        .pipe(uglify()) // ???
        .pipe(gulp.dest('./build/scripts'));
});

据我所知,我不能按照以下步骤进行.我是否需要在一个管道中制作以保留序列？

gulp.task('browserify', function() {
    return browserify('./source/scripts/app.js')
        .bundle()
        .pipe(source('bundle.js'))
        .pipe(uglify()) // ???
        .pipe(gulp.dest('./source/scripts'));
});

gulp.task('scripts', function() {
    return grunt.src('./source/scripts/budle.js')
        .pipe(uglify())
        .pipe(gulp.dest('./build/scripts'));
});

gulp.task('default', function(){
    gulp.start('browserify', 'scripts');
});

这是一个非常愚蠢的问题,但我还没有找到一个满意的答案:如何使用gulp globbing选择某个目录下所有子目录中的所有文件？

我试过了:

'./src/less' './src/less/' './src/less/*'

他们似乎都没有工作.

我正在使用npm来管理我的ASP.NET核心应用程序所需的jQuery,Bootstrap,Font Awesome和类似的客户端库.

对我有用的方法首先将package.json文件添加到项目中,如下所示:

{
    "version": "1.0.0",
    "name": "myapp",
    "private": true,
    "devDependencies": {
  },
  "dependencies": {
    "bootstrap": "^3.3.6",
    "font-awesome": "^4.6.1",
    "jquery": "^2.2.3"
  }
}

npm将这些包恢复到node_modules文件夹中,该文件夹与项目目录中的wwwroot处于同一级别:

由于ASP.NET Core提供了来自wwwroot文件夹的静态文件,并且node_modules不在那里,我不得不进行一些更改才能完成这项工作,第一个:在app.UseStaticFiles之前添加app.UseFileServer. cs文件:

app.UseFileServer(new FileServerOptions()
{
    FileProvider = new PhysicalFileProvider(
        Path.Combine(Directory.GetCurrentDirectory(), @"node_modules")), 
    RequestPath = new PathString("/node_modules"),
    EnableDirectoryBrowsing = true
});

app.UseStaticFiles();

第二个,包括project.json文件中的publishOptions中的node_modules:

"publishOptions": {
  "include": [
    "web.config",
    "wwwroot",
    "Views",
    "node_modules"
  ]
},

这适用于我的开发环境,当我将它部署到我的Azure App Service实例时,它也可以工作,jquery,bootstrap和font-awesome静态文件得到很好的服务,但我不确定这个实现.

这样做的正确方法是什么？

这个解决方案是在从多个来源收集大量信息并尝试一些不起作用之后得出的,并且从wwwroot外部提供这些文件似乎有点奇怪.

任何建议将不胜感激.