Articles of 吞咽

Gulp在我的macOS上没有成功运行

https://ahmadawais.com/my-advanced-gulp-workflow-for-wordpress-themes/ 我正在学习本教程,并使用他在教程中提供的gulfile.js,但是当我安装 npm install 我收到了很多问题,所以我更新了文件。 但是当我实例化 glup 在我的macOSterminal,它给了我下面的错误,并拒绝成功运行命令。 [Browsersync] Serving files from: ./ [Browsersync] Watching files… [23:36:59] gulp-notify: [Gulp notification] Custom scripts task complete [23:36:59] Finished 'scriptsJs' after 388 ms [23:36:59] gulp-notify: [Gulp notification] Vendor scripts task complete [23:36:59] Finished 'vendorsJs' after 405 ms [23:36:59] Starting 'default'… [23:36:59] Finished 'default' after 135 ms buffer.js:161 throw […]

将所有html模板转换为单个对象,并将其存储在一个js文件中

在我的项目中,我保持所有的html文件有组织的方式,使我能理解。 现在,我将它们保存在template文件夹中,类似于以下所示: template –> Dashboard –> left-content.html –> right-content.html –> Analytics –> graph-section.html –> profile –> basic-profile.html –> advanced-profile.html 我希望这些文件被压缩,并添加为名称templates.js的不同js文件的键值 我想要的是这样的: templates.js var templates = { left-content: "html markup here", right-content: "html markup here", graph-section: "html markup here", basic-profile: "html markup here", advanced-profile: "html markup here" } 所以,以后使用任何模板插件如lodash ,我可以很容易地渲染。 例如: var template = _.template(templates['left-content']); var […]

正则expression式在文本文件中匹配文件名

使用Node.js,我parsing一个文件并build立一个find的图像名称的数组。 我想知道是否有人可以帮我打孔在我的正则expression式。 到目前为止,我还没有能够打破它。 var filename = (line.match(/((?:((?:[^\r\n\t\f\/])*)\.(?:(png|gif|jpe?g|pdf|xml|apng|svg|mng)\b)))/gmi) || []).pop();

带有through2的我的gulp插件以奇怪的类似于XML的格式返回文件

我正在为Gulp编写插件,为了处理文件,我需要得到它的完整path。 我使用了through2包,然后准备了processFile(file)函数,但是作为through2的一个参数,它接收的是类似奇怪的XML格式的文件,而不是像file.path , file.encoding等对象。 当通过2按以下格式返回每个文件时,如何接收file.path: <File "relative/path/to/file/aaa.js" … 完整代码: var through = require('through2'); module.exports = function() { return through.obj(function(file, encoding, callback) { function processFile(file){ console.log(file); // returns <File "relative/path/to/file/aaa.js" … } callback(null, processFile(file)); }); };

第一次吞噬用户,不能build立骨架项目。 我没有看到这个错误在networking上的其他任何东西

嗨,这是我第一次使用gulp,我正在尝试使用typescript / gulp / express来形成一个RESTful web服务。 我为此find了一个框架项目,但是当我尝试构build它时,出现错误。 这里是项目的链接: https : //github.com/idanov/express-ts-rest Kevins-Mac-Pro:express-ts-rest kevincmanning$ gulp buildAll { file: undefined, start: undefined, length: undefined, messageText: 'Failed to parse file \'src/tsconfig.json\': text.charCodeAt is not a function.', category: 1, code: 5014 } { file: undefined, start: undefined, length: undefined, messageText: 'Failed to parse file \'tests/tsconfig.json\': text.charCodeAt is not a […]

是否有可能要求从您的项目目录以外的模块没有相对path?

我试图build立一个JS模块的本地库在节点项目中使用。 如果一个新项目存在于/Users/me/projects/path/to/new/project/而且我的库文件位于/Users/me/projects/library/*.js中,有没有办法在不使用相对path? 在/Users/me/projects/path/to/new/project/app.js你可以这样要求foo.js: var foo = require('../../../../../library/foo') ,这样可以工作,但是很笨重,如果文件移动了,你必须更新你的相对path。 我已经试过requireFrom和app-module-path没有运气,因为它们是相对于项目根目录。 任何想法如何从您的项目之外要求文件目录? 提前致谢!

如何findgulp.dest()中父目录的path?

我是Gulp的新来者,当我尝试将我的文件输出到他们父母的path时,我得到了股票。 我的目录是这样的: app/page_a/less/a.less app/page_a/css 我的目标是: app/page_a/less/a.less app/page_a/css/a.css 这是我在做什么: 我使用**是因为我想匹配我所有的page_ *模块。 gulp.task('test', function () { var files = ['./app/**/*.less']; return gulp.src(files, { base: '.' // Now the base url becomes where the *.less is. }) .pipe(less()) .pipe(gulp.dest('.')); }); 我的结果:(这显然是错误:() app/page_a/less/a.less app/page_a/less/a.css app/page_a/css 那么我怎样才能输出*.css到相应的app/page_*/csspath?

同时运行gulp&express

设置Gulp,设置节点,表示。 我正在跑步,正在看我的任务。 设置快递,它运行在3001端口,默认的Gulp是3000? 我去localhost:3000,我看到我的index.html,我去localhost:3001(快递端口),我也看到index.html,但没有CSS。 这里发生了什么,我怎样才能在一个端口上工作呢? 可能吗? 我只是保持吞咽和节点服务器运行? js很新。 这里的文件: 的package.json { "name": "hour-hour", "version": "0.0.1", "private": true, "description": "Find the best local happy hours and drink specials near you.", "main": "server.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "Corey Maret", "license": "ISC", "devDependencies": { "browser-sync": "^2.12.3", "del": "^2.2.0", "express": […]

使用.ts,.scss,.html复制和观看文件夹

我开始使用VS 2015与NPM和Gulp一起学习使用TypeScript的Angular2。 我有这样的文件夹结构: scripts login login.html login.scss login.ts home home.html home.scss home.ts app.ts boot.ts 我想让Gulp观察脚本文件夹,编译文件并将它们复制到另一个目录。 所以我想要这个输出: wwwroot login login.html login.css login.js home home.html home.css home.js app.js boot.js 我怎样才能做到这一点? 谢谢

build立和注入文件只能在改变吞咽

我使用gulp注入和哈希发生器来build立我的JavaScript文件,每次都有独特的名称,以避免caching问题。build设之前,我运行gulp-clean删除以前的生成器JavaScript文件。 问题是,现在每次运行npm时,即使源代码中没有任何更改, 构build文件也正在重build。 我想在运行clean和inject之前检查源文件中是否有改变。 我认为改变了解决scheme,但不知道如何使它与散列和清理工作。 我的部分实现看起来像这样。 gulp.task('clean-scripts', function () { // return del(['./static/js/**/*.js']) return gulp.src(['./static/js/temp/**/*.js', './static/css/**/style-*.css'], {read: false}) .pipe(clean()); }); gulp.task('index', function () { var target = gulp.src('./templates/base.html'); // It's not necessary to read the files (will speed up things), we're only after their paths: var sources = gulp.src(['./static/js/temp/**/*.js', './static/css/'+cssFileName], {read: false}, {relative : true}); […]