Webpack Sass-loader 相对路径

Question

我有一个问题，我使用 @import 将超棒的字体导入到我的主 scss 文件中。问题是 font awesome _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 无关？

"assets/css/vendor/fontawsome/scss"

Webpack Sass-loader 相对路径

Webpack Sass-loader relative path

css

webpack

sass

sass-loader