- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我的 Gulp“watch”less 函数存在问题,因为与单个 less 函数相比,编译 less 文件所需的时间是原来的 2 倍。
当我使用“gulp less”时,平均需要 9/10 秒
[12:57:15] Starting 'less'...
[12:57:25] Finished 'less' after 9.96 s
但是,当我使用“gulp watch-less”,然后更改文件来触发 watch 功能时,与“gulp less”相比,它花费的时间大约是“gulp less”的两倍。
[13:03:43] Starting 'watch-less'...
[13:03:45] Finished 'watch-less' after 1.31 s
[13:03:48] Starting 'less'...
[13:04:06] Finished 'less' after 18 s
下面是我的 gulpfile.js,它引入了“paths.json”,因为我有 5 个不同的主题(这个问题的名称已更改),因此正在使用的 less 文件需要输出到相关文件夹中这就是我使用函数“updateDestFolder”的原因。
导入 less 的方式是,基本主题的更改应该更新主题 2-5。
/*jslint node: true */
'use strict';
// Require the various plugins
var gulp = require('gulp');
var watch = require('gulp-watch');
var less = require('gulp-less');
var plumber = require('gulp-plumber');
// Pull in External Paths JSON
var paths = require('./Config/paths.json');
// Determine output path depending on source path
function updateDestFolder(path) {
var folder = '';
if (path.indexOf(paths.themes.baseTheme) > -1) {
folder = paths.themeDest.baseTheme;
}
else if (path.indexOf(paths.themes.theme2) > -1) {
folder = paths.themeDest.theme2;
}
else if (path.indexOf(paths.themes.theme3) > -1) {
folder = paths.themeDest.theme3;
}
else if (path.indexOf(paths.themes.theme4) > -1) {
folder = paths.themeDest.theme4;
}
else if (path.indexOf(paths.themes.theme5) > -1) {
folder = paths.themeDest.theme5;
}
return folder;
}
// Compile LESS
gulp.task('less', function() {
var completeLessPaths = paths.less.src.concat(paths.less.ignore); // Merges both arrays
var destFolder;
return gulp.src(completeLessPaths)
.pipe(plumber()) // Handle any errors with the plugins
.pipe(less({
strictUnits: true,
compress: true // Minify the style
}))
.pipe(gulp.dest(function (file) {
destFolder = updateDestFolder(file.path);
return destFolder + 'Styles/';
}));
});
// Default tasks to run when 'gulp' is ran via command line
gulp.task('default', ['less', 'js', 'image']);
// Watch for changes to less source files, then fire the relevant function
gulp.task('watch-less', function () {
gulp.watch(paths.less.src, ['less']);
});
路径.json:
{
"less" : {
"src" : [
"../Orchard.Web/Themes/Theme1Base/Styles/**/*.less",
"../Orchard.Web/Themes/Theme2/Styles/**/*.less",
"../Orchard.Web/Themes/Theme3/Styles/**/*.less",
"../Orchard.Web/Themes/Theme4/Styles/**/*.less",
"../Orchard.Web/Themes/Theme5/Styles/**/*.less"
],
"ignore" : [
"!../**/*.css",
"!../**/bootstrap-overrides.less",
"!../**/font-awesome.less",
"!../**/Imports/**/*.less",
"!../**/typography*.less",
"!../**/*variables*.less"
]
},
"themes" : {
"baseTheme": "Theme1Base",
"theme2": "Theme2",
"theme3": "Theme3",
"theme4": "Theme4",
"theme5": "Theme5",
},
"themeDest" : {
"baseTheme" : "../Orchard.Web/Themes/Theme1Base/",
"theme2" : "../Orchard.Web/Themes/Theme2/",
"theme3" : "../Orchard.Web/Themes/Theme3/",
"theme4": "../Orchard.Web/Themes/Theme4/",
"theme5" : "../Orchard.Web/Themes/Theme5/",
}
}
如果有人可以建议对确定目标文件夹进行任何改进,而无需使用该功能,我也将不胜感激。
谢谢
最佳答案
我不知道为什么需要更多时间,但以下是如何更好地确定目标文件夹的方法:
gulp.dst(function(file) { return file.split("/Styles")[0] + "/Styles/"; });
关于javascript - 与普通 'gulp less' 命令相比,“Gulp watch”事件需要双倍的编译时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27017683/
关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题吗? Update the question所以它是on-topic用于堆栈溢出。 关闭 9 年前。 Improve this
我有一系列 SQL 命令,我想在大约 40 个不同的表上运行。必须有一种方法可以在不编写 40 条不同命令的情况下执行此操作... 我在 SQL Server 中运行它。所有表都有不同的名称,我要操作
我习惯在 PHP 中使用命令“mysql_insert_id()”来返回插入到我的数据库中的最后一行的 id。 在 C# 中的 SQLite 中是否有等效的命令? 谢谢! -阿德娜 最佳答案 选择 l
试图找出一种方法来回填 ds 分区 Hive 表的分区。 我知道如何从 CLI 运行 Hive 命令,例如 $HIVE_HOME/bin/hive -e 'select a.col from tab1
我有 .bat 文件。看起来像下一个 ....many commands1 ftp -i -s:copy.txt ...many commands2 copy.txt 包含下一个命令 open ...
基本上我想输入 show 并检查是否有 show 命令或别名已定义并触发它,如果未定义则触发 git show 。 例如 rm 应该执行 rm 但 checkout 应该执行 git checkout
我公司的主数据库是 iSeries 机器,我已经非常习惯使用 DB2 命令和结构。我现在正在尝试做一个小项目,更新一个包含超过 300 万条记录的表。我想出一种比较和“清理”数据的更快方法是使用 My
我想在带有 Node 的终端中制作一个简单的按钮板,并“blessed”用于连接或运行不同的命令。 ----------------------------------------------- _
我们有一个 selenium IDE 脚本,正在转换为 python webdriver。以下命令未转换: [openWindow | http://mywebsite.com/index.php |
我正在学习这个关于从 GIT HUB 下载和安装 Web 文件的在线教程。我进入主题:启动我们的静态网站,系统提示我输入命令以下载和安装 Web 文件。但是,当我输入命令 yarn install 时
我在 shell 脚本中使用 elif 命令时遇到问题,就像在 fortran 中一样。 我有 100 家公司的员工名单。我想屏蔽那些员工少于 500 人的公司。我的脚本是 rm -f categor
我有一些 Linux 命令可以生成 token 。我在 Linux 机器上使用操作系统库形式的 Python 自动化了这些命令。它工作正常。 但是,当我在 Windows 中尝试相同的代码时,它没有返
本文分享自华为云社区《Git你有可能不知道交互式暂存》,作者:龙哥手记。 本节中的几个交互式 Git 命令可以帮助你将文件的特定部分组合成提交。 当你在修改了大量文件后,希望这些改动能拆分为若干提交而
我想知道如何使用 IN 比较语法来做到这一点。 当前的 SQL 查询是: select * from employee where (employeeName = 'AJAY' and month(e
我在这个位置安装了 Hadoop /usr/local/hadoop$ 现在我想列出 dfs 中的文件。我使用的命令是: hduser@ubuntu:/usr/local/hadoop$ bin/ha
是否有一个单一的 docker 命令可用于清除所有内容?如果正在运行,请停止所有容器、删除所有图像、删除所有卷...等。 最佳答案 我认为没有一个命令可以做到这一点。您首先需要停止所有容器使用 $ d
我基本上是在 clojure/nrepl 模式中寻找与 C-u C-x C-e 或 C-c C-p 等效的 Scheme。 我想要一个 C-x C-e 将输出打印到缓冲区,而不是仅仅在 repl 中。
我可以在 vim 中使用 pudb(一个 ncurses Python 调试器),因为,例如,:!python %在实际的终端窗口中运行。我更喜欢使用 gvim,但 gvim 运行 :!python
我正在尝试编写一个 FFMPEG 命令: 取为 输入 一个视频 input.mp4 和一个图像 pic.jpg 作为 输出 将 input.mp4 拆分为 20 秒的视频,按顺序重命名;对于每个分割视
我想转储视频每帧的比特率。我正在尝试使用 -vstats 获取此信息命令。当我运行此命令时 - ffmpeg -i input.mp4 -vstats 它显示至少应该定义一个文件。 如果有人能建议我任
我是一名优秀的程序员,十分优秀!