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

javascript - 如何使用 laravel mix(webpack)在全局范围内公开 js 变量?

我正在使用Laravel 5.4'smix工具来构建和合并我的AngularJS 1文件。这是我webpack.mix.js的 Laravel:

这是应用程序定义:

这是一个指令

问题是当我构建文件并将它们包含在 html 中时出现错误

从编译的diretives.js文件中。

我发现mixwebpack用于编译,webpack并将每个 js 文件的内容包含在一个匿名函数中,因此我的myApp变量只能在编译后的app.js文件中访问,而不是在全局范围内。当我从编译文件中手动删除匿名函数时,app.js它工作得很好。

所以我想知道是否有一种方法可以通过配置使变量myApp全局可访问?Laravelmix

0 投票
1 回答
498 浏览

laravel - 编译资产(Laravel Mix)不适用于某些依赖项

目前,我的package.json包含一些开发依赖项:

当我第一次使用 编译所有依赖项时npm run dev,一切工作正常。

然后,我尝试安装其他一些依赖项unslider,如您所见。但是现在,我不明白为什么这个包没有在我的app.js/中编译app.css。我错过了什么?

0 投票
2 回答
84 浏览

laravel - 通过 laravel-mix 编译我的所有资产后,Laravel 视图不会显示

在通过 laravel-mix 编译了我所有的资产之后。它没有显示错误并且构建成功,这意味着我的所有资产都已编译到 dist/css/ 文件夹。

我通过引用它

但我没有从视图中得到任何显示。这有什么问题?

0 投票
2 回答
3267 浏览

laravel-5.4 - Laravel-Mix:开发和生产构建的不同输出路径(以css为例)

我们webpack.mix在制作应用程序后看到的所有内容如下:

我知道如何运行开发和生产构建,但不知道如何定制它。在这个问题中,我们考虑了关于根据构建类型在不同路径中编译的示例,但是我认为使用sass和构建将是相似的。csses6pug

项目结构

上市

    css-产品

资源

  资产

    粗鲁的

    CSS开发

我想:

  • 开发执行:来自resources/assets/sasscompile的文件resources/assets/css-dev,没有 uglification,没有连接。
  • 生产执行:文件从resources/assets/sass编译到resources/assets/css-prod、丑化和连接。

我应该在哪里定义这些设置?

0 投票
0 回答
161 浏览

laravel - 为什么通过 laravel-mix 编译的资产不能正确显示视图?

我通过 Laravel-mix 正确编译了所有资产,并且只引用了一个编译文件,但是当我让它显示时,它没有正确显示。使用 laravel 混合:

没有它:

webpack.mix.js

0 投票
0 回答
849 浏览

webpack - 使用 Laravel Mix 从 Stylus 中的 node_modules 导入

我有一个大型 Stylus 项目,我需要从 vanilla Gulp 移植到 Laravel Mix。

其中app.styl包括另一个来自 node_modules 的东西framework.styl@import我不能在 Laravel Mix 中使用useandimport标志(或者至少我不知道如何使用),因为

  1. 对于某些依赖项,我只需要在 node_modules 文件夹中导入特定文件,而不是全部
  2. 对于一个依赖项,我需要在导入之前在 Stylus 中设置一长串变量。

主样式

包括/framework.styl

所有的@importsframework.styl都来自 node_modules。这些依赖项和文件的加载顺序很重要,因为如果加载顺序错误,它们可能会相互冲突。

但是,当我运行时npm run dev,它抱怨它无法在framework.styl.

我尝试用, , ,等为@import路径添加前缀;似乎没有任何效果。这一切都导致:~/node_modules/./node_modules/../../../../node_modules

使用../../../../node_modulesand ../../../node_modules,我得到以下信息;

我怎样才能让 Stylus 在 node_modules (我的首选解决方案)中找到这些依赖项,或者在 Laravel Mix 选项中复制上述内容?

0 投票
1 回答
1120 浏览

twitter-bootstrap - Bootstrap Sass 更改字体文件夹

我正在使用带有默认引导 sass 的 Laravel,但我对将字体复制到与我在变量文件上设置的文件夹不同的文件夹有点困惑。

我目前的设置

我期待看到一个font\bootstrap,但我有一个fonts\vendor\bootstrap-sass\bootstrap

我做错了什么?

0 投票
3 回答
6618 浏览

javascript - 使用 laravel mix 包含 js 依赖

我真的不能让我的 js 库工作,前段时间我决定为我使用的每个库都有一个单独的 js 文件(所以我的布局中包含一个 jquery.js 文件和一个 bootstrap.js 文件),一切工作得很好,直到我不得不将 jquery-ui 添加到这个混乱中,并得到了这个错误

直到我在同一个文件中加载 jquery 和 jquery-ui。问题是我不想在我包含 jquery 的任何地方都包含 jquery ui,因为我只在 2 页中使用它。下面我将放置我的代码:

jquery-ui.slider.js:

应用程序.js:

webpack.mix.js:

我正在使用以下 npm 模块:

  • 引导程序
  • jQuery
  • jQuery-ui
0 投票
1 回答
411 浏览

laravel-5.4 - Laravel mix:如何执行 PHP Lint?

序言:我是第一次玩 Laravel。

当文件更改时,我想使用“laravel-mix”在我的 php 文件上运行 php lint。

这是可行的吗?

我查看了有关 Laravel-mix 的官方文档,但没有发现有关 PHP 文件的示例

0 投票
1 回答
58 浏览

javascript - 基于 React 道具的渲染不起作用

所以我有这个组件

正如你所看到的,当 state 属性设置为 true 时,我试图显示组件 NeoLoginModal。但是,使用 Laravel mix 进行构建在{this..}开始时会出现意外的令牌错误。这在多个地方被记录为正确的方法,那么错误是什么?