问题标签 [laravel-mix]

我正在使用 Mix（我猜这也适用于 Elixir）来管理我的前端资产。我已将 Mix 配置为生产中的版本文件，但没有在开发中。因此，当我更新资产时，我会在 dev 和生产中获得更新app.js和文件。app.cssapp.{hash}.jsapp.{hash}.css

您对如何通过版本控制利用这一点有什么建议？

1. 将文件放入版本控制？如果是这样，我如何管理开发过程中的不断变化？继续添加新的散列文件？我是否将 app.js 和 app.css 留在生产服务器上？
2. .gitignorejs 和 css 文件并在生产服务器上运行 npm 以在本地编译资产？
3. 其他一些解决方案？

您对此有何看法？

提前致谢。

新手 Laravel 用户在这里。

我在 app.scss 文件中有以下几行（由 Laravel 自动创建）：

问题：如何在我的项目中使用 Bootstrap？我没有看到它被编译或复制到我的 public/css 文件夹中。一般来说，我如何使用 Mix 将 nodes_module 中的任何包拉入我的 Laravel 项目。提前致谢！

我已将我的应用程序配置为在别名 ( http://localhost/myapp ) 下可用。我如何配置 mix 以在清单文件中反映这一点？我想引用/myapp/css/app.css而不是/css/app.css.

提前致谢。

Laravel 5.4 - 混合如何 Mangle / Uglify / Obfuscate Scripts

我在以前的版本上使用 gulp。

谢谢

大家好，我有一个全新安装的 Laravel 5.4，当运行npm run devcpu 工作很多时，200%。

我需要“监视”我的资产文件更改，我运行npm run watch，没有工作。我在 mac 上使用 vagrant (virtualbox)，我在 webpack doc 上读到，在这个环境中我需要使用npm run watch-poll它，它可以工作，但我的 CPU 在手表期间以 200% 的速度工作。

我尝试ignore: '/node_modules/'在我的 webpack.config.js 上进行设置，但似乎不起作用。

有任何想法吗？

谢谢大家

我使用此代码将 sass 编译为 css。

没有processCssUrls: false编译是极慢的（30sec），而且我不需要这个功能，所以我设置了选项——没问题。

我的问题是，生成的 css 没有被缩小。我做错了什么或者可能是什么原因？

我的 package.json：

所以我有一个 laravel 5.4 项目，当我运行时npm install dev出现以下错误

开发：节点 node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/ webpack.config.js`

这是我的 package.json

为什么我会收到此错误？

我刚开始使用使用webpack 的Laravel Mix。我在解决依赖关系时遇到了一些问题。

我尝试使用 安装l20n，npm install l20n通过添加将其添加到我的项目中require('l20n');，然后我运行npm run dev只是被告知以下内容：

好吧，所以我想我也必须安装 fs，发出npm install fs然后我npm run dev再次运行，但我得到了完全相同的消息。我究竟做错了什么？

我已经使用 Laravel Mix 编译了我的样式表和 javascript 文件，代码如下：

下面是我的app.js

它抱怨required，
Uncaught ReferenceError: require is not defined at app.js:354 ，这是 我尝试过的编译后的app.js ： 1- mix.scripts 2- mix.babel（根据文档，这将翻译任何 ES2015所有浏览器都能理解的普通 JavaScript 代码。） 我在这里缺少什么？

我在 laravel 5.4 项目上使用 npm install 成功安装了软件包。这是我的 package.json：

{“私有”：真，“脚本”：{“开发”：“节点 node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --隐藏模块 --config=node_modules/laravel-mix/setup/webpack.config.js",

},

“devDependencies”：{ “axios”：“^0.15.3”，“bootstrap-sass”：“^3.3.7”，“jquery”：“^3.1.1”，“laravel-elixir-webpack-react”： “^1.0.1”、“laravel-mix”：“^0.8.1”、“lodash”：“^4.17.4”、“react”：“^15.4.2”、“react-dom”：“^ 15.4.2", "vue": "^2.1.10" } }

//这是我的 webpack.mix.js

mix.sass('resources/assets/sass/app.scss', 'public/css') .js('resources/assets/js/app.js', 'public/js/components');

我有一个简单的反应组件进行测试。

当我运行命令 npm run dev 时，编译反应代码时出现以下错误：

知道如何解决这个问题吗？