问题标签 [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.
php - 在 laravel 中构建 Web 包:Bootstrap 的 JavaScript 需要 jQuery 错误
这是我使用 laravel mix 构建 webpack 的脚本
但是当我包括final.js
我得到以下错误
我已经安装了jquery,npm install jquery --save
但仍然出现上述错误
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,没有帮助。
我还应该做什么?
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,它就像魅力一样。
我在这里做错了什么?谢谢
laravel - npm run watch 和 npm run watch-poll 的区别
Laravel mixnpm run watch
和in 有什么区别?npm run watch-poll
我看不出他们给出的输出有什么区别。
laravel - Laravel 5.4 为 npm run watch 指定文件
Laravel混合文档表明npm run watch
它将运行“所有相关文件以进行更改”。但是我在哪里可以看到哪些文件是相关的?
具体来说,我有一些resources/assets/js/components
我想编译的文件。但是假设我有一个我也想包含的任意文件。
如何指定?
澄清
可能是我原来的帖子不够清楚,所以我再试一次。
我正在寻找的是TRIGER npm run watch
(重新)编译所有资产的文件和/或目录的列表;以及如何编辑该列表。
php - 为什么 mix-manifest.json 不刷新?
我的webpack.mix.js
version()
显然使用了该方法,但mix-manifest.json
文件未刷新。
mix 重复返回相同的mix-manifest.json
文件。
我怎样才能刷新它?
webpack - Laravel Mix:将 Sass 编译成 .css 和 min.css
我在这里撞墙了。
对于我的项目,我希望 Laravel Mix/webpack 将一个.scss
-file 编译成两个文件,一个常规的、未缩小的(扩展或嵌套的).css
文件和一个缩小的(压缩的).min.css
文件,所以我基本上拥有这两个文件。
我试过:
但是,这会导致错误,因为.css
未编译 -file。
我知道 Laravel Mix 在运行时会缩小,npm run production
但我对两个文件感兴趣,而不仅仅是一个production
编译成的文件。
有没有办法做到这一点,而无需修改整个 webpack 配置?
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
?
laravel - Laravel 混合版本控制不会删除旧的构建文件
我正在使用 Laravel 5.4 和 mix 来版本我的 javascript 和 scss 文件。问题是:它不会清理以前构建的文件,而只是添加一个具有不同文件名的新文件,即app.9d3e179e85922aad6ccf.js
在我开始的一个新项目中,我没有这个问题。Mix 正确地将旧文件替换为最新构建的版本。
有什么地方我可以做出改变吗?
laravel - Laravel mix 在 vue 组件中看不到 img 元素
Laravel Mix 将 scss 中使用的图像从资源文件夹移动到公用文件夹,但不会将图像从我在 vuejs 组件中使用的 img 标签的 src 属性移动......
我必须做什么?