Parcel Bundler - 处理 scss 而不解析我的 sass 中的任何 url

Posted 2023-02-23

【中文标题】Parcel Bundler - 处理 scss 而不解析我的 sass 中的任何 url

【英文标题】：Parcel Bundler - handle scss without resolving any urls in my sass

【发布时间】：2018-12-01 08:34:49

【问题描述】：

ParcelJS 开箱即用地处理 sass 真是太好了，但我遇到了一个问题，当它在我的 scss 文件中遇到 url 时，它会不断抛出异常。我猜 Parcel 正在尝试定位资源并重写 url。我确实不希望 Parcel 这样做。反正有没有禁用这个？我只希望它编译 sass 并将任何 url 单独保留在那里。

【问题讨论】：

您能否提供您的 parceljs 设置示例以及您遇到的错误？

【参考方案1】：

这个问题是在 Parcel v1 是最新版本时发布的。对于将来到达这里的人，您可以使用 parcel-resolver-ignore 插件在 Parcel v2 中完成此操作。方法如下：

安装它（例如yarn add -D parcel-resolver-ignore） 创建或修改您的.parcelrc 文件以将其添加到包裹管道：

   "extends": "@parcel/config-default",
   "resolvers": ["parcel-resolver-ignore", "..."]

将"parcelIgnore" 条目添加到package.json，其中包含定义要忽略的资源的正则表达式模式，例如：

 // An array of Regex patterns
  "parcelIgnore": [
    "images\/*.*",
  ]

您希望正则表达式匹配的内容是 在.scss 文件中引用的 url，不是.scss 文件本身。