问题标签 [laravel-elixir]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
295 浏览

javascript - 在 Elixir 中循环使用 Stylus 命令

我的网站有可切换的主题和颜色,我需要 Elixir/Gulp 将所有可能的主题颜色组合呈现为 CSS 文件。这是我的gulpfile.js

对我来说,看起来这应该运行。我测试了循环,我知道它可以很好地通过每个主题颜色组合。

但是,当我运行它时,它会创建一个文件夹beta.green.css,其中有两个文件main.stylgreen.styl.

  1. 如何让它生成所有的 Stylus 命令,而不仅仅是最后一个?
  2. 如何使它将结果合并到一个文件中,而不是文件夹中的两个单独文件?
0 投票
2 回答
232 浏览

laravel - Laravel elixir 根据 watch 表达式调用任务

假设我们在 gulpfile.js 中有这个(简化的)长生不老药:

问题是每当更改任何文件时,都会bower执行less任务。
有没有办法只在某个监视路径中的文件发生更改时执行较少,并且仅在例如 bower.json 文件发生更改时才执行 bower?

真正的问题是,对于其他任务,我的监视进程变得非常缓慢,并且每次我更新较少的文件时,bower 都会运行(这无关紧要)。

谢谢!

0 投票
4 回答
978 浏览

laravel - 自定义 laravel elixir livereload

我需要在 mix.less ('app.less') 自动重新加载页面后执行。每次 F5 gulpfile.js 不会按什么

是否可以将其用作 gulp browser-sync ?

0 投票
1 回答
180 浏览

twitter-bootstrap-3 - Laravel elixir 5.1 使用字符串插值转义字符

我正在使用 laravel 5.1 和 bootstrap 开发一个应用程序。问题是,当我使用面包屑时,每个分隔符都有一个额外的字符。它显示如下:Item /\00a0 Item。我发现,引导 sass 有一个插值来将此字符附加到我的分隔符。所以,我的问题是,我做错了什么还是这是一个长生不老药错误?

编辑

bootstrap 的 _breadcrumbs.scss 文件有:

content: "#{$breadcrumb-separator}\00a0";

如果我将其更改为

content : $breadcrumb-separator + \00a0;

它正常工作。这就是为什么我说这是一个插值问题。

0 投票
3 回答
5142 浏览

laravel - Laravel 5:长生不老药。如何从 node_modules 目录引用 css 文件

我正在使用通过 npm 导入的 css 文件。它分别保存在我的“/node_modules”目录中。

我想用我的其他 scss 文件和 elixir 编译这个文件,并且正在寻找一种方法,如何正确地包含它。

我可以做的选择是:

  1. 将文件从 file.css 重命名为 file.scss 并将其导入我的 app.scss
  2. 将 file.css 文件复制到我的“resources/assets/”目录,将其重命名为 scss 并将其包含在我的 sass 编译中,如下所示:

现在我想知道,是否有办法从“node_modules”目录中引用文件,而无需触及文件,因为我希望其他下载项目并使用“composer install”和“npm install”的人启动和运行。

或者是最常见的处理方式,只是将每个需要的文件从我的“node_modules”目录复制到我的资源/资产文件夹?看起来很奇怪,因为 laravel 框架的包含引导文件是通过 app.scss 文件中的 scss 导入添加的。

现在我想要相同的,但是 scss 文件无法导入 css 文件,在我的情况下,这需要我重命名它,这在任何其他环境中都不能开箱即用,因为“node_modules " 目录不包含在版本控制中。

任何建议,关于在我的“node_modules”目录中编译 css 文件的最佳方法是什么?

0 投票
1 回答
501 浏览

laravel - laravel elixir - 多次组合脚本

我想将我所有的脚本合并到一个缩小的 javascript 文件中,但是我在合并它们时遇到了麻烦。

这些文件是在 中创建的resources/assets/compiled/js,所以我有:

  • 客户端.js
  • 网站.js
  • 供应商.js
  • 视图模型.js

运行的最后一个任务是scripts组合这四个文件的任务。长生不老药日志状态(我简化了输出):

  • 浏览器化(视图模型)
  • CoffeeScript 编译
  • 合并供应商
  • 合并站点和助手
  • 合并组合脚本

...这些是我收到的错误消息:

sass我用and做了同样的事情,styles而且效果很好。

0 投票
2 回答
1071 浏览

php - 生产服务器上需要哪些 Laravel Elixir 文件?

简介: Gulp 在我的本地机器上监视我的 css/js 文件直到开发模式。

然后在生产阶段,我将所有 laravel 项目上传到生产(实时)服务器上。

问题: 安装了所有 gulp 和 elixir 的东西后,laravel 项目变得非常繁重。

问题:node_modules我究竟需要在生产服务器上加载项目的 哪些目录文件才能使 Elixir 正常工作?

我的意思是包括all.cssall.js文件

<link rel="stylesheet" href="{{ elixir('css/all.css') }}">

也许不需要全部加载?

0 投票
1 回答
2060 浏览

php - Laravel 5 Elixir:如何混合复制多个文件

如何使用 Elixir 混合复制多个文件?

这不起作用:

任何其他建议,除了:

0 投票
1 回答
273 浏览

javascript - Laravel/Elixir 手表不会触发复制

我的gulpfile.js样子如下。如果我执行gulp watch,复制任务不会在更改时执行app.js。事实上,如果我一个人有复制任务,gulp watch会执行一次复制然后退出。我究竟做错了什么?

0 投票
1 回答
722 浏览

gruntjs - 如何将 Laravel 5 与 Gulp、Elixir 和 Bower 一起使用?

我对这一切完全陌生,'Bower' 和 'Gulp' 和 Laravel 'Elixir'。我购买了一个使用它们的模板(不幸的是),现在我需要一些关于如何实施它们的帮助。我已经安装了 NPM 和 Bower。我所有的软件包都已下载到:

这是一个屏幕截图:

在此处输入图像描述

现在我的问题是如何在我的视图中包含我下载的所有这些包?据我了解,我不能直接在浏览器中运行较少的文件,由于“浏览器缓存”或类似的原因,它只运行一次,而且 JS 脚本太多,无法包含在我的页面中。

我想要一种可以处理我的文件的方法,并使用我的 app.php 文件中引用的编译文件自动编译它们。

这是我的模板中包含的 GulpJS 文件的链接:http: //pastebin.com/3PSN6NZY