问题标签 [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.
javascript - Laravel Mix 使用 `npm run dev` 打破包
我有一个用 ES6 功能编写的 nodejs 包,如“let”、扩展运算符 (...) 和函数参数的默认值。
问题是当我运行npm run production
Laravel Mix 时,会出现一个错误,如下所示:
(似乎是let
第 3 行中的操作员)
但是当我尝试时npm run dev
,一切都按预期进行。知道为什么它无法转换代码吗?
laravel - Laravel Mix "sh: 1: cross-env: not found error"
我一直在尝试在我的项目中设置 Laravel Mix,并按照 Laravel 网站上的安装指南进行操作,但不断出现错误。
我的 package.json
运行任何 npm run 命令时出现的错误。
我在 Vagrant box 上运行我的项目,并且运行 Laravel 5.4 版。
php - Laravel 混合版本特定文件
我正在尝试对特定文件进行版本控制。
我正在尝试对 app.js 进行版本化,但出现错误: 错误:ENOENT:没有这样的文件或目录,打开“public/js/app.js”
我也试过:app.*.js
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重新生成哈希?或者,或者,在生成哈希之前处理编译文件的内容?
laravel-5 - 使用 laravel mix 设置外部库
我需要在带有 laravel-mix 的 web 包上使用外部库。在 webpack 上,我应该按照webpack 文档中的描述做这样的事情
但是我可以用 laravel mix 做到这一点吗?
laravel-5.4 - Laravel 5.4 使用 browserSync 观看刀片文件
在 laravel 5.4 mix 和 browserSync 是默认的。如果我修改任何*.blade.php
来自resources/views
. 在我的webpack.mix.js
我有这个配置:
我不知道我是否做得对,或者我必须设置混合配置左右。任何帮助将非常感激。
laravel - 无法将 Laravel Mix 与下划线模板加载器集成
我们试图构建 html 化妆。我们有下一个文件:
资源/资产/htmlSrc/example.html:
资源/资产/htmlSrc/partial/header.html:
我们的webpack.mix.js:
但是结果文件resources/assets/htmlResult/example.html:看起来不像预期的那样:
看起来部分loaders
被跳过了。怎么了?
webpack - Webpack - 未找到依赖项(同位素)
我正在使用 Webpack(laravel 混合版本)并收到 Isotope 错误。谁能看到我做错了什么?
未找到此依赖项:* ./~/isotope-layout/js/layout-modes/masonry.js 中的砌体/砌体
这是我的 webpack 配置,我尝试应用同位素站点上显示的“修复”
javascript - 混合编译后从模块导入问题
我正在用 ES6 重写我的电子应用程序,使用 Laravel Mix 编译应用程序 JS 和 SASS。现在主进程很好地加载了渲染进程。一旦发生这种情况,我的 app.js 就会加载,这就是我遇到问题的地方。所以我这样做:
这导致控制台中出现此错误:
现在我尝试重新安装电子,即使电子在主进程启动时工作。该行在编译的js中引用了这个:
我不确定发生了什么,任何建议或信息都会有很大帮助!
谢谢
编辑:我试过运行它--verbose
:
laravel - Laravel mix 生成相对路径
在生产中,加载我使用的资产,例如:
并期望在编译时看到:
但是我只是看到相对路径:
webpack.mix.js:
在最新版本的 Laravel (5.4.21) 上。使用 nginx,在 Ubuntu 16.04 上强制使用 https。不知道为什么路径不完整,而是相对的。
编辑:如果我尝试使用mix
vs asset
,我也会在本地看到相同的行为,而没有https
. 协议实际上在这里似乎无关紧要。