问题标签 [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.
javascript - 在 Elixir 中循环使用 Stylus 命令
我的网站有可切换的主题和颜色,我需要 Elixir/Gulp 将所有可能的主题颜色组合呈现为 CSS 文件。这是我的gulpfile.js
:
对我来说,看起来这应该运行。我测试了循环,我知道它可以很好地通过每个主题颜色组合。
但是,当我运行它时,它会创建一个文件夹beta.green.css
,其中有两个文件main.styl
和green.styl
.
- 如何让它生成所有的 Stylus 命令,而不仅仅是最后一个?
- 如何使它将结果合并到一个文件中,而不是文件夹中的两个单独文件?
laravel - Laravel elixir 根据 watch 表达式调用任务
假设我们在 gulpfile.js 中有这个(简化的)长生不老药:
问题是每当更改任何文件时,都会bower
执行less
任务。
有没有办法只在某个监视路径中的文件发生更改时执行较少,并且仅在例如 bower.json 文件发生更改时才执行 bower?
真正的问题是,对于其他任务,我的监视进程变得非常缓慢,并且每次我更新较少的文件时,bower 都会运行(这无关紧要)。
谢谢!
laravel - 自定义 laravel elixir livereload
我需要在 mix.less ('app.less') 自动重新加载页面后执行。每次 F5 gulpfile.js 不会按什么
是否可以将其用作 gulp browser-sync ?
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;
它正常工作。这就是为什么我说这是一个插值问题。
laravel - Laravel 5:长生不老药。如何从 node_modules 目录引用 css 文件
我正在使用通过 npm 导入的 css 文件。它分别保存在我的“/node_modules”目录中。
我想用我的其他 scss 文件和 elixir 编译这个文件,并且正在寻找一种方法,如何正确地包含它。
我可以做的选择是:
- 将文件从 file.css 重命名为 file.scss 并将其导入我的 app.scss
将 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 文件的最佳方法是什么?
laravel - laravel elixir - 多次组合脚本
我想将我所有的脚本合并到一个缩小的 javascript 文件中,但是我在合并它们时遇到了麻烦。
这些文件是在 中创建的resources/assets/compiled/js
,所以我有:
- 客户端.js
- 网站.js
- 供应商.js
- 视图模型.js
运行的最后一个任务是scripts
组合这四个文件的任务。长生不老药日志状态(我简化了输出):
- 浏览器化(视图模型)
- CoffeeScript 编译
- 合并供应商
- 合并站点和助手
- 合并组合脚本
...这些是我收到的错误消息:
sass
我用and做了同样的事情,styles
而且效果很好。
php - 生产服务器上需要哪些 Laravel Elixir 文件?
简介: Gulp 在我的本地机器上监视我的 css/js 文件直到开发模式。
然后在生产阶段,我将所有 laravel 项目上传到生产(实时)服务器上。
问题: 安装了所有 gulp 和 elixir 的东西后,laravel 项目变得非常繁重。
问题:node_modules
我究竟需要在生产服务器上加载项目的
哪些目录文件才能使 Elixir 正常工作?
我的意思是包括all.css
和all.js
文件
<link rel="stylesheet" href="{{ elixir('css/all.css') }}">
也许不需要全部加载?
php - Laravel 5 Elixir:如何混合复制多个文件
如何使用 Elixir 混合复制多个文件?
这不起作用:
任何其他建议,除了:
javascript - Laravel/Elixir 手表不会触发复制
我的gulpfile.js
样子如下。如果我执行gulp watch
,复制任务不会在更改时执行app.js
。事实上,如果我一个人有复制任务,gulp watch
会执行一次复制然后退出。我究竟做错了什么?
gruntjs - 如何将 Laravel 5 与 Gulp、Elixir 和 Bower 一起使用?
我对这一切完全陌生,'Bower' 和 'Gulp' 和 Laravel 'Elixir'。我购买了一个使用它们的模板(不幸的是),现在我需要一些关于如何实施它们的帮助。我已经安装了 NPM 和 Bower。我所有的软件包都已下载到:
这是一个屏幕截图:
现在我的问题是如何在我的视图中包含我下载的所有这些包?据我了解,我不能直接在浏览器中运行较少的文件,由于“浏览器缓存”或类似的原因,它只运行一次,而且 JS 脚本太多,无法包含在我的页面中。
我想要一种可以处理我的文件的方法,并使用我的 app.php 文件中引用的编译文件自动编译它们。
这是我的模板中包含的 GulpJS 文件的链接:http: //pastebin.com/3PSN6NZY