样式部分中的节点 sass 资产功能和资产 URL

问题描述

我正在使用 Nuxt 和 node-sass-asset-functions 这是我的配置 - nuxt.config.js:

build: {
  extend(config,{loaders: {scss}}) {
   const sassOptions = scss.sassOptions || {};
   sassOptions.functions = assetFunctions({
     images_path: "static/images",http_images_path: "/images"
   });
   scss.sassOptions = sassOptions;
  }
}

但是在 SFC 中，当我使用函数 image-url() 时：

<style lang="scss" scoped>
.logo {
  background: image-url("logo.png")
}
</style>

我收到错误消息：“找不到模块 './logo.png'

vue-loader 似乎试图将 logo.png 转换为一个 require 模块。如果我将该函数重命名为 image-xxx，它就可以正常工作。有没有办法控制 vue-loader 如何在样式中转换资产 URL？有配置选项 - transformAssetUrls 但它们只适用于 HTML。

注意：我知道我并不真的需要使用 image-url，但我使用的是使用 image-url 函数的旧版 Sass。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

nuxt.js vue-loader