如何使用 laravel 5.7 更改 fontawesome 的导入路径答案

【问题标题】：How to change the import path of fontawesome with laravel 5.7如何使用 laravel 5.7 更改 fontawesome 的导入路径
【发布时间】：2019-02-23 08:19:50
【问题描述】：

首先，我在发布这个问题之前已经完成了搜索，我找到的答案对我不起作用。

我完全按照答案Laravel 5.7 + Font Awesome的步骤做了

所以，我有我的 mix.js 配置

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

我运行了npm install --save @fortawesome/fontawesome-free 并尝试了npm install @fortawesome/fontawesome-free --save-dev

我在 package.json 中的依赖是

 "devDependencies": {
        "@fortawesome/fontawesome-free": "^5.7.2",
        "axios": "^0.18",
        "bootstrap": "^4.0.0",
        "datatables.net-bs4": "^1.10.19",
        "jquery": "^3.2",
        "laravel-mix": "^4.0.7",
        "lodash": "^4.17.5",
        "popper.js": "^1.12",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.15.2",
        "sass-loader": "^7.1.0",
        "vue": "^2.5.17",
        "vue-template-compiler": "^2.6.6"
    },
    "dependencies": {
        "font-awesome": "^4.7.0"
    }

然后，我导入样式

// Font Awesome
@import '~@fortawesome/fontawesome-free/scss/brands';
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import "~@fortawesome/fontawesome-free/scss/fontawesome";

我遵守了npm run dev

我引用了我的 CSS 文件 <link type="text/css" rel="stylesheet" href="{{ asset('css/app.css') }}">

完成所有这些步骤后，我得到了错误 404

GET http://localhost/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2?462806316fea535a6a57651bc2b000b0 net::ERR_ABORTED 404 (Not Found)

但是，我确实有文件...

所以我认为路径是

localhost/project/public/fonts....

但我不知道如何更改，谢谢您的帮助

【问题讨论】：

标签： css laravel sass font-awesome

【解决方案1】：

解决了这个Post

使用以下命令在webpack.mix.js 中设置资源根：mix.setResourceRoot('../');

只是不知道为什么这可以解决问题

【讨论】：

【解决方案2】：

你能分享nodes_module文件夹的屏幕打印吗？另外，使用 webpack 构建时是否出现编译错误？

我在 node_module 目录中有以下内容，它对我来说很好用 node module image

我在 app.sccs 文件中使用下面

@import "~font-awesome/scss/font-awesome.scss";

【讨论】：

我更新了，还以为是路径的问题，就是不知道怎么解决