CSS 和 JS 不使用 Laravel Mix 编译答案

【问题标题】：CSS and JS do not compile using Laravel MixCSS 和 JS 不使用 Laravel Mix 编译
【发布时间】：2022-01-03 02:46:23
【问题描述】：

我对 Laravel 8 框架有疑问。我尝试安装 NPM 以在 Laravel Mix 的概念下工作。我的问题是 CSS 和 JS 无法编译。

webpack.mix.js

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

package.json

 {
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "mix",
        "watch": "mix watch",
        "watch-poll": "mix watch -- --watch-options-poll=1000",
        "hot": "mix watch --hot",
        "prod": "npm run production",
        "production": "mix --production"
    },
    "devDependencies": {
        "@popperjs/core": "^2.10.2",
        "axios": "^0.21",
        "bootstrap": "^5.1.3",
        "laravel-mix": "^6.0.6",
        "lodash": "^4.17.19",
        "postcss": "^8.1.14",
        "resolve-url-loader": "^3.1.4",
        "sass": "^1.43.4",
        "sass-loader": "^11.1.1"
    }
}

【问题讨论】：

你遇到了什么错误？
当我运行 php artisan serv 时，我进入我的主页我只是找到了 html 但 js 和 css 没有？
查找并检查您将 css/js 添加到页面/刀片模板的位置以开始。

标签： javascript css npm laravel-8 laravel-mix

【解决方案1】：

在布局顶部添加...

<link href="{{ mix('/css/app.css') }}" rel="stylesheet">

然后在布局的底部添加...

<script src="{{ mix('/js/app.js') }}"></script>

【讨论】：