Webpack Sass-loader 相对路径

Question

我有一个问题，我使用 @import 将 font awesome 导入到我的主 scss 文件中。问题是字体真棒_varibles.scss 使用相对路径来导入其字体../fonts/*。这会导致错误，因为 webpack 正在尝试加载相对于主 sass 文件的入口点的文件。我一直在尝试使用诸如includePaths 之类的选项，但没有运气，而使用诸如resolve-url-loader 之类的加载器。我尝试了多条路径，但没有快乐。 main.scss 文件与包含字体真棒数据的供应商文件夹一起位于 sass 文件夹中。

                test: /\.scss$/,
                use: [{
                        loader: "style-loader"
                    },
                    {
                        loader: 'css-loader'
                    },
                    {
                        loader: 'resolve-url-loader'
                    },
                    {
                        loader: 'sass-loader',
                        options: {
                            includePaths: [
                                path.resolve(__dirname, "assets/css/vendor/fontawsome/scss")
                            ]
                        }
                    }
                ]

Answer 1

此问题与您在路径中拼错 fontawesome 的事实无关？

“资产/css/供应商/字体aw一些/scss”