【问题标题】:Laravel Mix does not emit my JS functionsLaravel Mix 不会发出我的 JS 函数
【发布时间】:2021-06-30 03:10:42
【问题描述】:

诚然,我是 Mix 和 Vue 的新手。我查看了关于 SO re Mix 的许多类似问题,但找不到答案。我在 DigitalOcean 上使用 Laravel 8 和 Nginx 运行 Ubuntu 20 生产服务器,我通过 SSH 访问它。

这是我的 webpack.mix.js 文件:

const mix = require('laravel-mix');


mix.js('resources/js/app.js', 'public/js')
    .js('resources/js/functions.js', 'public/js')
    .css('resources/css/default.css','public/css')
    .css('resources/css/app.css','public/css');

我的 mix-manifest.json 看起来很可疑。

{
    "/js/app.js": "/js/app.js",
    "/css/app.css": "/css/app.css"
}

但是,当我在本地开发服务器(Win10、L8、Apache)上使用 Mix 时,它运行良好,并且 mix-manifest.json 看起来一样。

当我在 DO 上运行 npm run dev 时,它会发出我的 app.css 和 app.js ,仅此而已。如果我执行 npm run watch-poll 并对我的 functions.js 进行更改,它会忽略它。我已经在 Laracasts 上观看了 Mix 的介绍,并在 Mix 上阅读了 Laravel 文档。这一切看起来都很容易。有很多人有类似的排放问题,有人有什么想法可以调查吗?非常感谢!

【问题讨论】:

    标签: javascript laravel laravel-mix


    【解决方案1】:

    如果您将.js 和.css 文件中的每一个放在不同的行上,您可能会用另一个文件覆盖一个文件。尝试将它们放入数组中

    mix.js(['resources/js/app.js', 'resources/js/functions.js'], 'public/js')
        .css(['resources/css/default.css', 'resources/css/app.css'], 'public/css');
    

    【讨论】:

    • 非常感谢您的帮助。我尝试了你的建议,好消息是 mix 现在确实会观察我的 resources/functions.js 的变化。伟大的。但是,它不会监视我的 CSS 中的变化。我的终端输出如下所示: DONE Compiled successfully in 44ms 4:34:10 PM Asset Size Chunks Chunk Names /js/app.js 1.42 MiB /js/app [emitted] /js/app
    猜你喜欢
    • 1970-01-01
    • 2021-06-23
    • 2019-02-26
    • 2022-01-03
    • 2018-08-09
    • 2018-04-02
    • 1970-01-01
    • 2018-03-20
    • 2018-10-22
    相关资源
    最近更新 更多