问题标签 [laravel-mix]

我正在尝试使用从主题森林购买的主题和 Laravel

我已经用mix.copy我的字体从node_modules我的public目录移动，这很好。/

但是，当我在webpack.mix文件中包含以下行时，

我收到以下错误

知道我在这里做错了什么吗？

我想在我的 Blade.php 文件中使用 JavaScript 函数。我用一个非常简单的函数创建了 xyz.js 文件

然后我将此文件添加到 webpack.mix.js 配置中：

并运行：npm run dev。到目前为止一切顺利，npm 编译了我的脚本，并将图片功能包含在 app.js 文件中。现在我想在blade.php 中添加一个表单并在点击时调用图片函数。我创建了以下 Blade.php 文件：

在这里我真的迷路了（顺便说一句：我一直是后端的人）。在页面重新加载浏览器显示

[Vue 警告]：编译模板时出错：模板应该只负责将状态映射到 UI。避免在模板中放置带有副作用的标签，例如 ，因为它们不会被解析。

当我单击按钮时

新错误：76 未捕获的引用错误：未定义 xyz

我知道第一个错误表示未加载 app.js 文件，这就是找不到图片的原因。我应该如何包含 app.js 或任何其他由混合 JavaScript 文件编译的文件？真的是导致这个问题的标签吗？

我使用 Laravel Mix 和 webpack 来编译和组合 JSX 资产。我有一个包含所有依赖项（例如 React、ReactDOM 等）的文件以及应该在所有页面上加载的脚本组件（global.js）。然后我为特定页面（ specific.js）使用更小的脚本组件。

典型的 HTML 文档如下所示：

我的混合配置文件如下所示：

这不是最优的，因为specific.js包含与global.js相同的依赖项。如何防止特定组件（specific.js）包含global.js已加载的所有相同依赖项？还是我以错误的方式解决这个问题？

运行npm run watch时可以在添加新通知之前丢弃以前的通知。

当任何js/vue或scss文件更改时，它会大量填充通知。

我不确定，但其他应用程序确实会在创建通知之前替换以前的通知或丢弃以前的通知。

我从一个名为vuetable-2的 Larvavel + Vue 组件开始下载（顺便说一句，非常好）。

首先，php artisan serve作品。一切都很好，除了它不会对 .vue 文件进行热部署更改。

我终于要开始npm run hot工作了，但是，当转到该页面时，我收到了浏览器消息：

不能获取 /

所采取的行动：

• 检查了我的依赖项，据我所知，一切都是正确的。
• 删除 node_modules 并 rebuit（现在 3 次）npm install
• 创建了一个单独的测试项目来确认 Vue 是否热重载（确实
  如此）

我怀疑问题出在某处的某些配置上，但是对于我的生活，无法弄清楚在哪里。

我发现的唯一奇怪的事情是，webpack.config.js它说它会使用port 3000，但是，似乎在使用 artisan 时唯一有效的端口是 8000，或者运行 dev hot uses 8080会产生上述消息。

但是，如果我对文件进行更改，我会得到漂亮的 Laravel Mix toast，告诉我构建是否成功，但在浏览器中看不到它们。webpack.config.js也具有正确的构建路径，即public/.

这是我的 package.json 文件：

该webpack.config.js文件与安装的标准文件相同。

我尝试使用 Laravel Mix 安装 Font Awesome，但在执行时run npm dev我收到以下消息：

ERROR Failed to compile with 1 errors
in ./~/font-awesome/scss/font-awesome.scss 模块构建失败：/** ^ Invalid CSS after "...load the styles": expected 1 selector or at-规则，是 /var/www/html/blog/node_modules/font-awesome/scss/font-awesome.scss 中的“var content = requi”（第 1 行，第 1 列）

我删除了文件中的注释并尝试更改字体路径，但并没有解决问题。

webpack.mix.js

fontawesome.scss

_variable.scss

怎么可能只对特定文件进行版本控制而忽略其他文件。

我的 webpack.mix.js 文件如下所示

我尝试仅将版本附加到 mix.js 和第一个 mix.sass 但我渲染了所有文件。

我想排除 pdf.scss 文件的版本控制。正如我从 Jeffrey Way 阅读了关于 GitHub 的评论，似乎所有通过 mix.sass 和 mix.js 处理的文件在 mix.version() 被调用时都是 versionend 。我可能错了吗？

我有一个使用Laravel 5.4和Laravel Mix的项目，我有一个图像文件夹，其中一些图像具有相同的名称但不同的类别，因此它们包含在不同的目录中。

所以

我需要的是 Laravel Mix 中的复制命令来复制这些文件夹以及其中的任何文件，以便我的公用文件夹具有相同的文件夹结构。

我怎样才能做到这一点？

这是我当前的Mix配置文件，我需要更改的部分是那些复制命令

我用一个简单的函数创建了一个自定义 JavaScript 文件：

然后我将此文件添加到 webpack.mix.js 配置中：

并运行：npm run dev。npm 编译了我的脚本，图片功能包含在 app.js 文件中。现在我想在blade.php 中使用“图片”函数，但每当我调用它时，我都会得到“未捕获的ReferenceError：图片未定义”。查了页面源码，发现图片函数是用不同的函数包裹的

我应该在从blade.php 调用图片函数之前添加一些额外的命名空间还是我的混合配置有问题？

我正在使用干净和最新的 Laravel 5.4。我有一个错误npm run dev

应用程序.scss：

jquery.filer.css：

我试图改变这条路径，但它无论如何都不起作用