问题标签 [laravel-mix]

有没有办法合并 SCSS 和 CSS？

目前我这样做如下，但它不起作用。下面的代码应该将 scss 编译到一个临时目录中，然后将它与普通的 css 合并。

但什么都没有。public/css/app.css 文件中缺少已编译的 SASS。这太烦人了，这样一个简单的任务，它是不可行的。我可以用 elixir 做到这一点 - 将 scss 编译到 tmp 目录 (./resources/tmp) 中，然后使用 styles() 将它与 css 文件合并。

我也没有在文档中找到有关路径参数的任何信息 - 我在哪里指定绝对路径，在哪里相对于公共目录？

从 Laravel 5.3 迁移到 5.4 之后，我正在努力迁移到 webpack。

它编译得很好，但是在加载它总是显示的页面时

app.a711192….js:125 未捕获的 ReferenceError：布局未在 HTMLDocument 中定义。(app.a711192….js:125) 在 i (vendor.19cd2ff….js:2) 在 Object.fireWith [as resolveWith] (vendor.19cd2ff….js:2) 在 Function.ready (vendor.19cd2ff…. js:2) 在 HTMLDocument.J (vendor.19cd2ff….js:2)

我已经粘贴了已编译的 app.js，它看起来好像正在编译Layout，但是我不确定为什么它没有正确加载它。

webpack.mix.js

应用程序.js

main.js

布局.js

I have 2 questions. 1. How can I catch undefined routes and redirect to 404 page? 2. How I can use Vuex actions to get data from api? I know that vuex mutations must be sync and actions async. But I can get data with mutations and can use then promise. but can't in actions or I do anything mistake. Please give me beautiful example for that(component type). I use vuex in laravel mix in Laravel project. Thanks...

运行 npm 时出现错误，如下所示：

npm run dev

. . .

我尝试了不同的方法和互联网来使脚本运行，但它不断产生相同的错误。

我附上了日志文件。

请指教，

我正在开发我的第一个 Laravel 项目（5.4），实际上我不明白为什么我的 js 脚本不能像我预期的那样工作。我使用混合和刀片：

编译后npm run dev看起来不错：

CSS 工作正常，bootstrap.js 也可以工作，当我检查内部/js/app.js时，似乎一切都在里面。

这是我的模板：

当我想从一个孩子的脚本部分添加一个脚本时，我的麻烦就开始了。

我Uncaught ReferenceError: $ is not defined就像没有加载jquery。

我不知道为什么，任何想法？

[注意]
如果我在app.blade.php内替换它会起作用：

和 ：

我正在使用Laravel和Laravel Mix。开箱即用，包含的 app.js 文件引导了很多依赖项，如 jQuery、Bootstrap-sass 等。

当我删除app.js文件中的所有内容时，为什么编译后的js文件中还有一些代码？它是 Webpack 的东西吗？即使在运行之后npm run production它仍然存在并且我无法弄清楚它的作用或它的含义并且不知道让我真的很不舒服。

这是留下的代码：

因此，当我测试我的 Laravel 5.4 网站时，我的浏览器控制台行出现以下错误：

现在，老实说，我几乎不知道 webpack 和相关的东西，我只是按照说明编译资产，通常一切正常......

无论如何...我正在使用 Laravel 5.4 并已将 bootstrap3 换成 bootstrap4。否则一切都和默认的 laravel 设置一样。

我的webpack.mix.js样子是这样的：

我的assets/js/app.js（为了便于阅读，删除了默认注释）

我的assets/js/bootstrap.js（为了便于阅读，删除了默认注释）

我的主要布局刀片文件在底部

如果你们能想到其他任何可能的原因，请告诉我，我会用代码片段更新。

抱歉缺少其他信息，我已经四处闲逛，老实说，我完全不知道可能出了什么问题或如何解决它。

我正在尝试使用内部 URL 处理设置 Larvel Mix，但它以某种方式破坏了我所有的文件路径。例如，如果我在app.scss中使用一个图标：

每次我进入 app.css

相应的文件也被复制到 public/fonts/ ，我只是想不通，这个文件夹爬到我的路径中。在我的 webpack.mix.js 中，我没有任何特别之处。

有没有人已经遇到过这种问题？

我的设置webpack.mix.js如下：

我检查了是否pace.js在文件夹中resources/assets/js，它是。然后运行npm run dev，我得到这个错误：

编辑 1

我刚刚发现实际上npm run dev是在抛出错误但也在编译。所以如果我去，public/js/我可以看到load.js，里面的一切似乎都是正确的。这让我更加困惑。

npm 版本是 4.1.2，node 版本是 7.6.0

在我的webpack.mix.js我有这样的事情：

例如，我可以select2在我的 vue 组件之外初始化一个。

但是当我尝试使用这个插件（或我的mix.scripts块的任何脚本）时，我得到下一个错误：

好吧，我搜索了一下，发现了一个“解决方案”，在export default{}我的 vue 组件之前我需要select2脚本：

现在它可以在我的 vue 组件内部和外部工作：但是我“导入”了我的 select2 插件两次：

1. 在我的内部public/assets/js/scripts.js（我需要，因为我使用 select2 和其他没有 vue 组件的插件）
2. 在我的内部resources/assets/js/app.js（当我运行npm run watch或npm run production编译器将我的 vue 组件的要求添加到此脚本文件中时）

所以，我的问题是：如何让 VUE 中的组件使用来自我的public/assets/js/scripts.js文件的 JQuery 脚本，而不必在每个 vue 组件中要求它们中的每一个？

我希望有办法做到这一点