问题标签 [laravel-mix]

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 投票
1 回答
294 浏览

javascript - Laravel Mix 使用 `npm run dev` 打破包

我有一个用 ES6 功能编写的 nodejs 包,如“let”、扩展运算符 (...) 和函数参数的默认值。

问题是当我运行npm run productionLaravel Mix 时,会出现一个错误,如下所示:

(似乎是let第 3 行中的操作员)

但是当我尝试时npm run dev,一切都按预期进行。知道为什么它无法转换代码吗?

0 投票
10 回答
140712 浏览

laravel - Laravel Mix "sh: 1: cross-env: not found error"

我一直在尝试在我的项目中设置 Laravel Mix,并按照 Laravel 网站上的安装指南进行操作,但不断出现错误。

我的 package.json

运行任何 npm run 命令时出现的错误。

我在 Vagrant box 上运行我的项目,并且运行 Laravel 5.4 版。

0 投票
1 回答
2800 浏览

php - Laravel 混合版本特定文件

我正在尝试对特定文件进行版本控制。

我正在尝试对 app.js 进行版本化,但出现错误: 错误:ENOENT:没有这样的文件或目录,打开“public/js/app.js”

我也试过:app.*.js

0 投票
0 回答
734 浏览

webpack - Webpack:手动添加的编译文件依赖应该强制重建

我正在使用 Webpack 2(通过 Laravel Mix)编译不同语言的 Javascript 资产,就像 Webpack 自己的i18n 插件一样。不过,我已经构建了一个自定义实现,它可以很好地与 Mix 的助手配合使用。不过,还有最后一个问题,我无法理解,这与监视过程有关。以下是正在发生的事情的摘要:

  • 一个 app.js 文件有几个组成实际逻辑的依赖项
  • Mix 被指示为每种语言创建一个不同的文件,其中每种语言都可以将其占位符字符串替换为实际翻译(这最终将输出en.[hash].js,pt.[hash].js等)
  • Webpack 将处理所有这些依赖项并创建一个包含所有代码的捆绑文件
  • 当 Webpack 即将发出最终文件时,我使用 JSON 文件( 、 等;顺便提一下,Laravel 自己的语言 JSON 文件)使用实际语言字符串处理翻译en.json占位pt.json

JSON 文件不包含在实际app.js文件中,因此 Webpack 在执行watch. 但是,当我更改这些 JSON 文件时,我已经设法触发编译,方法是将它们作为依赖项注入,在我的插件apply方法中:

问题是,即使 Webpackapp.js在我更改语言 JSON 文件时重新编译我的文件,因为它们不是脚本的一部分,Webpack 不会识别任何更改并且不会重建脚本,因此翻译中的任何实际更改都不会在监视期间生效。

1) 我可以告诉 webpack 在 JSON 文件更改时强制重建吗?

我能想到的另一个限制是:由于最终文件的哈希是在翻译之前生成的,即使我触发了重建,哈希也会完全相同,因此在部署到生产环境时,浏览器不会知道翻译已经更新并且仍将提供脚本的缓存版本。这导致我:

2)有没有办法让Webpack重新生成哈希?或者,或者,在生成哈希之前处理编译文件的内容?

0 投票
1 回答
5617 浏览

laravel-5 - 使用 laravel mix 设置外部库

我需要在带有 laravel-mix 的 web 包上使用外部库。在 webpack 上,我应该按照webpack 文档中的描述做这样的事情

但是我可以用 laravel mix 做到这一点吗?

0 投票
3 回答
2456 浏览

laravel-5.4 - Laravel 5.4 使用 browserSync 观看刀片文件

在 laravel 5.4 mix 和 browserSync 是默认的。如果我修改任何*.blade.php来自resources/views. 在我的webpack.mix.js我有这个配置:

我不知道我是否做得对,或者我必须设置混合配置左右。任何帮助将非常感激。

0 投票
1 回答
618 浏览

laravel - 无法将 Laravel Mix 与下划线模板加载器集成

我们试图构建 html 化妆。我们有下一个文件:

资源/资产/htmlSrc/example.html

资源/资产/htmlSrc/partial/header.html

我们的webpack.mix.js

但是结果文件resources/assets/htmlResult/example.html:看起来不像预期的那样:

看起来部分loaders被跳过了。怎么了?

0 投票
1 回答
1152 浏览

webpack - Webpack - 未找到依赖项(同位素)

我正在使用 Webpack(laravel 混合版本)并收到 Isotope 错误。谁能看到我做错了什么?

未找到此依赖项:* ./~/isotope-layout/js/layout-modes/masonry.js 中的砌体/砌体

这是我的 webpack 配置,我尝试应用同位素站点上显示的“修复”

0 投票
1 回答
708 浏览

javascript - 混合编译后从模块导入问题

我正在用 ES6 重写我的电子应用程序,使用 Laravel Mix 编译应用程序 JS 和 SASS。现在主进程很好地加载了渲染进程。一旦发生这种情况,我的 app.js 就会加载,这就是我遇到问题的地方。所以我这样做:

这导致控制台中出现此错误:

现在我尝试重新安装电子,即使电子在主进程启动时工作。该行在编译的js中引用了这个:

我不确定发生了什么,任何建议或信息都会有很大帮助!

谢谢

编辑:我试过运行它--verbose

0 投票
4 回答
11037 浏览

laravel - Laravel mix 生成相对路径

在生产中,加载我使用的资产,例如:

并期望在编译时看到:

但是我只是看到相对路径:

webpack.mix.js:

在最新版本的 Laravel (5.4.21) 上。使用 nginx,在 Ubuntu 16.04 上强制使用 https。不知道为什么路径不完整,而是相对的。

编辑:如果我尝试使用mixvs asset,我也会在本地看到相同的行为,而没有https. 协议实际上在这里似乎无关紧要。