jjzjj

javascript - Gulp - 缩小 JS 并写入相同的目的地

我目前正在重构一个项目,之前所有缩小的JavaScript文件都放在一个特定的目录中。现在我需要将缩小版本保留在与其源文件相同的目录中。目前我这样做:gulp.task('scripts',function(){returngulp.src(source_paths.scripts).pipe(uglify({preserveComments:'false'})).pipe(rename({suffix:".min"})).pipe(gulp.dest('./build/js')).pipe(notify({message:'Scriptstaskcomplete!',onLast:t

javascript - 对于 Angular2 项目,在 gulp 中,我如何连接从 typescript 生成的所有 JavaScript 文件并将它们添加到我的 index.html 文件中

对于Angular2项目,在gulp中,我如何连接从typescript生成的所有JavaScript文件并将它们添加到我的index.html文件中。我正在使用Angular2、typescript和gulp。目前我没有连接它从typescript文件生成的javascript文件。我在尝试执行此操作并将它们添加到我的index.html文件时遇到问题。此外,完成此操作后,我需要清除缓存以使浏览器继续请求javascript文件。这是我的index.html文件:MyApp-->System.config({transpiler:'typescript',defaultJSExten

javascript - 在 Gulp 中,你如何否定多个项目,例如忽略一个文件和一个目录?

在Gulp中,你如何否定多个项目,例如忽略文件和目录?我想结合以下内容:gulp.src(['./**/*.{css,js,gif,png,php,eot,svg,ttf,woff}','!./src/**/*'])gulp.src(['./**/*.{css,js,gif,png,php,eot,svg,ttf,woff}','!./gulpfile.js']) 最佳答案 只需将它们添加到您的列表中即可:gulp.src(['./**/*.{css,js,gif,png,php,eot,svg,ttf,woff}','!./src

javascript - Gulpfile 仅高效编译已更改的 TypeScript 文件

我正在尝试让gulp编译并观察TypeScript文件。这是我到目前为止得到的vartsProject=plugins.typescript.createProject({removeComments:false,target:'ES5',module:'amd',noExternalResolve:false,noImplicitAny:false,});vartypescriptGlob=[presentationScriptsDir+'**/*.ts',definitelyTypedDefinitions];gulp.task("compile-typescript",funct

javascript - 在 VS2015 中执行生成后的 Gulp.js 任务

我有一个基本的Asp.Net5站点,它使用Gulp.JS任务来清理、复制和缩小CSS和JS文件。在TaskRunnerExplorer中运行这些任务时-一切都很好,旧脚本被删除,新脚本被复制,文件被缩小。我希望在VS2015中自动执行这些任务-因此当我构建元素时,将发生以下情况:使用cleantaks删除旧脚本复制新脚本-使用复制任务使用mintaks缩小CSS和JS(将通过为每个任务调用单独的缩小任务来缩小CSS和JS。(生产和暂存使用缩小版本,开发使用普通的js和css文件)。现在我可能完全偏离了轨道,但我认为在project.json文件中我应该能够像这样在脚本配置中调用这些gu

javascript - 我如何在 Gulp 中运行外部文件?

目前我正在使用"gulp-run"plugin运行.bat文件。该插件现在已被弃用,我现在正在寻找执行.bat的最佳方式。当前代码:vargulp=require('gulp');varrun=require('gulp-run');module.exports=function(){run('c:/xxx/xxx/runme.bat').exec();};解决方案根据@cmrn的建议:varexec=require('child_process').exec;varbatchLocation='c:/xxx/xxx/runme.bat';gulp.task('task',functi

javascript - Gulp glob 忽略文件类型而不复制空文件夹

我为gulp创建了一个glob,它忽略了一组目录中的javascript和coffeescript文件。我希望它将所有其他文件复制到一个工作正常的目录中。唯一的问题是,当只有javascript或coffeescript文件时,它会复制一个空文件夹。知道如何修改这个glob以不复制空文件夹吗?gulp.task('copyfiles',function(){gulp.src('apps/*/static_src/**/!(*.js|*.coffee)').pipe(gulp.dest('dest'));});示例源文件:apps/appname/static_src/images/im

javascript - 我如何编写一个简单调用函数的 Gulp 任务

我正在努力创建一个Gulp任务,它除了调用自定义函数外什么都不做。不,我没有源文件,不,我没有目标文件。我只想在独立任务中调用自定义函数,这样我就可以根据它执行其他任务。为了我的爱,我已经检查了Google和SO,但找不到示例。我最接近的是这个varthrough=require('through2');gulp.task('my-custom-task',function(){returnthrough.obj(functionwrite(chunk,enc,callback){//hereiswherethecustomfunctioniscalledmyCustomFunctio

javascript - Gulpfile.js 加载失败

VisualStudio任务运行程序无法加载gulp文件。我现在用的是VS2017v15.9.4,不过这个项目是几年前开发的。Failedtorun"...\Gulpfile.js"...cmd.exe/cgulp--tasks-simpleassert.js:350throwerr;^AssertionError[ERR_ASSERTION]:TaskfunctionmustbespecifiedatGulp.set[as_setTask](...\node_modules\undertaker\lib\set-task.js:10:3)atGulp.task(...\node_mo

javascript - React.js app.js 文件大小

我创建了非常简单的React应用程序,其中包含7个页面和13个组件。我正在使用gulp来编译它,使用browserify来获取依赖项,所有文件都被最小化了。我构建的app.js文件有1.1MB。我认为它很大。我可以做些什么来减小它的大小?是否有任何好的做法来实现最小尺寸?编辑:我的没有依赖项的源代码是91KB。 最佳答案 使用webpack-uglify和禁用sourcemaps可以大大提高输出到合理的大小(helloworld应用程序大约140kbs)几个步骤:将webpack配置中的devtool设置为cheap-source-