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

php - 在 laravel 中构建 Web 包:Bootstrap 的 JavaScript 需要 jQuery 错误

这是我使用 laravel mix 构建 webpack 的脚本

但是当我包括final.js我得到以下错误

我已经安装了jquery,npm install jquery --save但仍然出现上述错误

0 投票
1 回答
3199 浏览

webpack - [Vue 警告]:无法挂载组件:未定义模板或渲染函数。错误

我正在尝试构建一个 Vue 应用程序,但我在控制台上收到此错误:

[Vue 警告]:无法挂载组件:未定义模板或渲染函数。

这是我的代码:

header.vue

这是我的app.js

我正在尝试用 laravel Mix 构建它。但我在控制台中收到此错误:

[Vue 警告]:无法挂载组件:未定义模板或渲染函数。在 ---> 在 /opt/lampp/htdocs/gif/resources/assets/js/components/app/header.vue 中找到

我在谷歌搜索,我找到了这个答案:Vue template or render function not defined yet I am using both?

所以我试图覆盖 mix.xml 中的定义。我做了:

那没用,所以我尝试更改 webpack 配置文件

我在那里找到了这一行:

我试图用esm替换common,没有帮助。

我还应该做什么?

0 投票
4 回答
11197 浏览

laravel - npm 安装后不显示离子图标

我安装了ionicons使用npm install --save ionicons,以便我package.json更新为:

接下来,我在我的/resources/assets/sass/app.scss:

成功运行后npm run dev,我结束了

在浏览器控制台中没有错误的情况下,没有显示单个离子图标(例如<i class="icon ion-home"></i>)。我检查public/css/app.css了,发现它引用了这样的离子字体:/fonts/vendor/ionicons/dist/ionicons,这似乎符合上面的文件夹结构。

我尝试调整@import、更改url(...)引用app.css、移动字体目录 - 不走运。最后,我尝试通过 CDN 引用 ionicons,它就像魅力一样。

我在这里做错了什么?谢谢

0 投票
2 回答
36625 浏览

laravel - npm run watch 和 npm run watch-poll 的区别

Laravel mixnpm run watch和in 有什么区别?npm run watch-poll

我看不出他们给出的输出有什么区别。

0 投票
1 回答
1565 浏览

laravel - Laravel 5.4 为 npm run watch 指定文件

Laravel混合文档表明npm run watch它将运行“所有相关文件以进行更改”。但是我在哪里可以看到哪些文件是相关的?

具体来说,我有一些resources/assets/js/components我想编译的文件。但是假设我有一个我也想包含的任意文件。

如何指定?

澄清

可能是我原来的帖子不够清楚,所以我再试一次。

我正在寻找的是TRIGER npm run watch(重新)编译所有资产的文件和/或目录的列表;以及如何编辑该列表。

0 投票
1 回答
6004 浏览

php - 为什么 mix-manifest.json 不刷新?

我的webpack.mix.js

version()显然使用了该方法,但mix-manifest.json文件未刷新。

mix 重复返回相同的mix-manifest.json文件。

我怎样才能刷新它?

0 投票
4 回答
7202 浏览

webpack - Laravel Mix:将 Sass 编译成 .css 和 min.css

我在这里撞墙了。

对于我的项目,我希望 Laravel Mix/webpack 将一个.scss-file 编译成两个文件,一个常规的、未缩小的(扩展或嵌套的).css文件和一个缩小的(压缩的).min.css文件,所以我基本上拥有这两个文件。

我试过:

但是,这会导致错误,因为.css未编译 -file。

我知道 Laravel Mix 在运行时会缩小,npm run production但我对两个文件感兴趣,而不仅仅是一个production编译成的文件。

有没有办法做到这一点,而无需修改整个 webpack 配置?

0 投票
0 回答
623 浏览

laravel - Laravel 5.4 webpack 自定义 iconfont/webfont 插件

我刚开始使用 webpack.js 和 Laravel 5.4(从 5.2 升级)

我几乎把所有东西都整理好了,但我的构建和 sass 需要一个来自 svg 的 iconfont 生成器。

在 gulp 和 grunt 中,这不是问题,但似乎无法弄清楚如何在 laravel 5.4 中向 webpack 添加自定义节点和插件

我目前正在尝试使用https://github.com/itgalaxy/webpack-webfont

其中有最少的使用说明,我完全不知道我是如何A:调用这个插件B:我在哪里实际放置这个代码?在webpack.config.js?还是我从webpack.mix.js?

0 投票
2 回答
3093 浏览

laravel - Laravel 混合版本控制不会删除旧的构建文件

我正在使用 Laravel 5.4 和 mix 来版本我的 javascript 和 scss 文件。问题是:它不会清理以前构建的文件,而只是添加一个具有不同文件名的新文件,即app.9d3e179e85922aad6ccf.js

在我开始的一个新项目中,我没有这个问题。Mix 正确地将旧文件替换为最新构建的版本。

有什么地方我可以做出改变吗?

0 投票
1 回答
3214 浏览

laravel - Laravel mix 在 vue 组件中看不到 img 元素

Laravel Mix 将 scss 中使用的图像从资源文件夹移动到公用文件夹,但不会将图像从我在 vuejs 组件中使用的 img 标签的 src 属性移动......

我必须做什么?