问题标签 [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(webpack)在全局范围内公开 js 变量?
我正在使用Laravel 5.4
'smix
工具来构建和合并我的AngularJS 1
文件。这是我webpack.mix.js
的 Laravel:
这是应用程序定义:
这是一个指令
问题是当我构建文件并将它们包含在 html 中时出现错误
从编译的diretives.js
文件中。
我发现mix
它webpack
用于编译,webpack
并将每个 js 文件的内容包含在一个匿名函数中,因此我的myApp
变量只能在编译后的app.js
文件中访问,而不是在全局范围内。当我从编译文件中手动删除匿名函数时,app.js
它工作得很好。
所以我想知道是否有一种方法可以通过配置使变量myApp
全局可访问?Laravel
mix
laravel - 编译资产(Laravel Mix)不适用于某些依赖项
目前,我的package.json
包含一些开发依赖项:
当我第一次使用 编译所有依赖项时npm run dev
,一切工作正常。
然后,我尝试安装其他一些依赖项unslider
,如您所见。但是现在,我不明白为什么这个包没有在我的app.js
/中编译app.css
。我错过了什么?
laravel - 通过 laravel-mix 编译我的所有资产后,Laravel 视图不会显示
在通过 laravel-mix 编译了我所有的资产之后。它没有显示错误并且构建成功,这意味着我的所有资产都已编译到 dist/css/ 文件夹。
我通过引用它
但我没有从视图中得到任何显示。这有什么问题?
laravel-5.4 - Laravel-Mix:开发和生产构建的不同输出路径(以css为例)
我们webpack.mix
在制作应用程序后看到的所有内容如下:
我知道如何运行开发和生产构建,但不知道如何定制它。在这个问题中,我们考虑了关于根据构建类型在不同路径中编译的示例,但是我认为使用sass
和构建将是相似的。css
es6
pug
项目结构:
上市
css-产品
资源
资产
粗鲁的
CSS开发
我想:
- 开发执行:来自
resources/assets/sass
compile的文件resources/assets/css-dev
,没有 uglification,没有连接。 - 生产执行:文件从
resources/assets/sass
编译到resources/assets/css-prod
、丑化和连接。
我应该在哪里定义这些设置?
webpack - 使用 Laravel Mix 从 Stylus 中的 node_modules 导入
我有一个大型 Stylus 项目,我需要从 vanilla Gulp 移植到 Laravel Mix。
其中app.styl
包括另一个来自 node_modules 的东西framework.styl
。@import
我不能在 Laravel Mix 中使用use
andimport
标志(或者至少我不知道如何使用),因为
- 对于某些依赖项,我只需要在 node_modules 文件夹中导入特定文件,而不是全部
- 对于一个依赖项,我需要在导入之前在 Stylus 中设置一长串变量。
主样式
包括/framework.styl
所有的@import
sframework.styl
都来自 node_modules。这些依赖项和文件的加载顺序很重要,因为如果加载顺序错误,它们可能会相互冲突。
但是,当我运行时npm run dev
,它抱怨它无法在framework.styl
.
我尝试用, , ,等为@import
路径添加前缀;似乎没有任何效果。这一切都导致:~/
node_modules/
./node_modules/
../../../../node_modules
使用../../../../node_modules
and ../../../node_modules
,我得到以下信息;
我怎样才能让 Stylus 在 node_modules (我的首选解决方案)中找到这些依赖项,或者在 Laravel Mix 选项中复制上述内容?
twitter-bootstrap - Bootstrap Sass 更改字体文件夹
我正在使用带有默认引导 sass 的 Laravel,但我对将字体复制到与我在变量文件上设置的文件夹不同的文件夹有点困惑。
我目前的设置
我期待看到一个font\bootstrap
,但我有一个fonts\vendor\bootstrap-sass\bootstrap
。
我做错了什么?
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
laravel-5.4 - Laravel mix:如何执行 PHP Lint?
序言:我是第一次玩 Laravel。
当文件更改时,我想使用“laravel-mix”在我的 php 文件上运行 php lint。
这是可行的吗?
我查看了有关 Laravel-mix 的官方文档,但没有发现有关 PHP 文件的示例
javascript - 基于 React 道具的渲染不起作用
所以我有这个组件
正如你所看到的,当 state 属性设置为 true 时,我试图显示组件 NeoLoginModal。但是,使用 Laravel mix 进行构建在{this..}
开始时会出现意外的令牌错误。这在多个地方被记录为正确的方法,那么错误是什么?