Webpack Sass-loader相对路径

时间:2018-01-24 13:29:28

标签: css webpack sass sass-loader

我有一个问题,我使用@import将字体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")
                            ]
                        }
                    }
                ]

1 个答案:

答案 0 :(得分:1)

这个问题与您在路径中错误拼写了一些 e 这一事实无关?

  

“资产/ CSS /供应商/字体的 AW 一些/ SCSS”