问题标签 [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 回答
2991 浏览

gulp - 未处理的“错误”事件破坏了@import 声明

你好,我是 gulpjs 的新手,我终于掌握了它,直到我在运行gulp --production时遇到这个错误:

后面是文件列表。当我单独运行gulp时,我没有收到此错误。

我将其追溯到这个 css 文件:

我确实验证了所有正在导入的文件是否存在。我不知道出了什么问题。

0 投票
1 回答
170 浏览

laravel - Elixir 仅编译为 app.css

我正在使用 Laravel5 elixir 从我的 .scss 文件生成 css 文件

这是我的 gulpfile.js

出于某种原因,输出始终是 app.css 而不是 homepage.css 有什么想法吗?我将 elixir 更新为 "laravel-elixir": "^3.0.0"

我错过了什么?

0 投票
0 回答
796 浏览

javascript - 无法将 JS 和 JSX 文件与 Laravel Elixir 结合使用

我正在尝试将 JS 和 JSX 文件(与 React.js 一起使用)组合在一个版本化的 all.js 文件中。

我当前的 Gulpfile:

输出:

它已经卡在那里一段时间了,我不知道如何调试它。
用 scripts() 改变第一个 babel() 是可行的,但当然不会编译 JSX 文件(也不会抱怨它)。
在脚本(注释掉的 3 行)之后调用 babel 将正确编译 JSX 文件,但没有其他任何内容(它只会编译 JSX 并将其保存到 all.js)。

我怎样才能解决这个问题?

0 投票
2 回答
346 浏览

css - Laravel 5 Elixir - 多次混合调用后不创建多个输出文件

我设置了 Gulp 文件:

在我看来,它应该同时获取两个 scss 文件并将它们编译到公共 css 文件夹中。

但是,它只创建了一个 app.css 文件,并没有创建 admin.css 文件。

我的终端显示:

那么 admin.scss 文件发生了什么?

0 投票
1 回答
414 浏览

javascript - Laravel Elixir 和 Bootstrap 的 JS

我正在使用 ES6 语法将内容导入到我的 app.js browserify 文件中,如下所示:

而且,我仍然收到以下错误:

当我检查bundle.js文件时,Bootstrap JS 和 jQuery 都在那里,但顺序不同(Bootstrap 总是排在第一位)。我尝试在加载时切换它们,但结果仍然相同。

有任何想法吗?

0 投票
2 回答
1527 浏览

node.js - 在 Windows 上安装 laravel-elixir 时出错:npm ERR!EEXIST,打开 '\AppData\Roaming\npm-cache\837c67b9-adable-s tream-1-0-33-package-tgz.lock'

我有一个全新的laravel 5.1安装。我按照这些步骤设置 Elixir、Bootstrap、Font-awesome 等。当我运行npm install它时会引发错误。我还尝试npm install --no-bin-links按照 laravel elixir 文档的建议使用。

我在目录中搜索文件(存在),npm-cache发现没有这样的文件。但是,当我执行 npm 命令时,它会与数百个 LOCK 文件一起创建。我试图在安装过程中删除该文件(这很棘手,似乎不可能,因为同时创建和删除了很多文件),但没有多大帮助。错误并不总是相同的。大多数时候它说837c67b9-adable-stream-1-0- 33-package-tgz.lock文件存在,有时它只是其他一些 LOCK 文件。我还尝试将 npm 更新到最新版本npm -g install npm@latest:(

0 投票
1 回答
1969 浏览

laravel - Laravel Elixir:如何仅在生产模式下执行任务?

我正在使用一堆“console.log”调用来调试我的 JS 应用程序。但是,我想在将代码发送到生产环境时自动删除这些。

使用传统的 gulpfile,我会使用“gulp-strip-debug”插件,它只会在我运行“生产”主任务时触发。

然而,当使用 Laravel Elixir 时,它有点不同。我使用“--production”标志来最小化我的资产,但我想在之后执行剥离调试任务。我在 Laravel 5.1 文档中找不到如何做到这一点。

0 投票
1 回答
300 浏览

laravel-elixir - laravel-elixir - elixir.config.js 未定义

我正在尝试将 reactify 转换器添加到 browserfy:

我得到这个错误:

似乎未设置配置变量。任何人都可以在代码中看到任何错误吗?

0 投票
0 回答
458 浏览

laravel-5 - Laravel Elixir Gulp 请求 CDN 和本地文件

我可能想多了,但这是我目前所拥有的:

我也尝试通过这样做来使用 gulp-cdnizer,但没有运气:

它说它可以编译,但 cdnizer 似乎没有工作。我的资源目录中没有新文件。但是,我确实在我的公共目录中获得了 core.js 文件。

基本上,我们有大约 5 个不同的项目都在使用/共享文件。我们有很多常见的 javascript 文件被复制并粘贴到不同的项目中,因此我们希望以 CDN 的方式托管它们。所以我们有一个类似 cdn.website.com.. 的域,我们希望能够通过 Elixir 将文件从该域中提取到我们的项目中,但仍将根目录本地的项目特定文件组合在一起。

我以前用过 Elixir,但只用于本地文件。有没有办法通过不同的域来获取文件,或者像我尝试的那样,因为它们位于同一台服务器上,所以从 CDN 目录中的根目录中取出?

谢谢。

0 投票
1 回答
106 浏览

javascript - 使用elixir开发js

我现在正在开发 laravel-5、AngularJS 应用程序的 js。我正在使用 elixir 对 css 和 js 文件进行版本控制。但是,当我在开发时,我不想每次我想测试某些东西时都必须对我的文件进行版本控制。

在您仍处于积极开发阶段时,使用 elixir 的最佳方法是什么?

我知道您可以使用 gulp watch,但是每次保存时不会创建一个新的编译版本的代码吗?这些文件可以快速加起来。

相关问题:我应该将构建的文件提交给版本控制吗?