小编mik*_*ety的帖子

一个咕噜的替代方案 - 编译sass并缩小JS

我正在运行一个可以运行的linux服务器端脚本,它可以完成几项任务.

我们目前有一个内部PHP框架 - 在Apache上运行MySQL - 我们使用的唯一服务器端'技术'是composer.

我正在追踪一个任务运行器 - 类似于grunt&gulp,它不能在Node上运行,并且可以与现有的站点设置一起工作 - 可以在站点设置后插入.

如果它是基于Node构建的,或者你正在使用其他节点应用程序,那么它让我摆脱了gulp和grunt它适合你的应用程序 - 否则你需要package.js一个Gruntfile.

任务我希望它至少运行是编译Scss和缩小JS.其他任务是JS连接和图像压缩.

我看过Grunt,Gulp,Guard和Brunch.

有什么建议?

javascript linux node.js gruntjs

5
推荐指数
1
解决办法
1362
查看次数

Gulp - 处理多个主题和文件夹

我正在尝试创建一个gulpfile我们可以在我们的一个大型网站上使用的终极版(一个具有多个主题的网站,具体取决于您所在网站的部分)。我试图让它只运行它需要运行的进程,而不是重新编译所有东西。

让我准确地布局我想要实现的目标:

文件夹结构

src/
    master-theme/
        css/
            style.scss
            partials/
                _a.scss
                _b.scss
        img/
            a.jpg
            b.jpg

    sub-theme/
        css/
            style.scss
            partials/
                _c.scss
                _d.scss
        img/
            c.png
            d.jpg
Run Code Online (Sandbox Code Playgroud)

我想这些文件被压缩/编译,并与相同的文件夹结构中的目标文件夹落得(只需更换src用dest在你的头脑)

问题

目前我可以让它做我想做的事 - 但 gulpfile 编译并压缩所有内容。例如,如果我向其中添加图像,sub-theme/img将对所有“主题”运行图像压缩。我正在使用,gulp-changed但它仍然意味着它正在查看整个站点的所有图像。

sass 也是如此——如果我更新_c.scss,但是主 css 和子主题 css 被编译,这显然是不想要的。

当前解决方案

我现在真的没有。现在我正在使用gulp-file-tree生成文件夹结构的 json 文件,然后每当文件更改时,使用函数循环遍历(我知道这很可怕 - 但目前有效的解决方案)

var tree = require('./build/tree.json');
var children = tree.children;

for (var i = children.length - 1; i >= 0; i--) {

    var child = …
Run Code Online (Sandbox Code Playgroud)

sass gulp

5
推荐指数
1
解决办法
2196
查看次数

标签 统计

gruntjs ×1

gulp ×1

javascript ×1

linux ×1

node.js ×1

sass ×1