如何在 Webpack encore 中不使用 Dart Sass 解析 url()？

Question

我剛剛從node-sass切換到sass (Dart Sass) 以將我的 scss 文件編譯為 css。 我使用 Symfony 的 Webpack Encore，並且我的 webpack.config.js 中有enableSassLoader()沒有特定的配置。

使用node-sass我可以使用url() css 屬性和指向公共文件夾的 url

.myClass {
  background: url('/path/inside/public-folder/img.png')
}

它工作得很好。

但是現在有了sass ，當我構建我的應用程序時，我收到一條錯誤消息，因為sass試圖解析我的資產文件中的路徑，這是我不想要的，而且我找不到告訴sass的方法：不要解析路徑在我的 scss 中的 url() 中。

知道如何實現這一目標嗎？ 也許一些選項可以傳遞給enableSassLoader() ？

Answer 1

我終於找到了如何不解析 url，它不在enableSassLoader中，而是在 webpack.config.js 的configureCssLoader中：

.configureCssLoader((options) => {
  options.url = false
})