无法在 ParcelJS 中使用波浪号路径从 node_modules 导入 CSS 文件

Question

我正在学习 ParcelJS，我想从 node_modules 文件夹中导入 CSS 文件。我的 Parcel 入口点位于 ./src/index.html，它导入了一个 SCSS 样式表。

<link rel="stylesheet" href="style/vendor.scss">

此文件位于./src/style/vendor.scss。

我在谷歌上搜索了一下，发现this page，有人说要使用~，然后是/node_modules。我也试过没有/node_modules 部分。

@import '~/node_modules/aos/dist/aos.css'

这给了我以下错误：

????  /mnt/c/Users/Bas/Projects/website/src/style/vendor.scss:8:1: Cannot resolve dependency '~/aos/dist/aos.css' at '/mnt/c/Users/Bas/Projects/website/src/style/~/aos/dist/aos.css'
    at Resolver.resolve (/mnt/c/Users/Bas/Projects/website/node_modules/parcel-

我还尝试在我的.sassrc 文件中包含node_modules 路径。

{
    "includePaths": ["node_modules"]
}

这很奇怪，因为当我导入另一个 SCSS 文件时，它就像一个魅力。

@import '~bootstrap/scss/bootstrap';

这怎么会发生？有没有办法使用波浪线路径来解决它？

Answer 1

@import '~aos/dist/aos.css'

像这样在不带 / 之后使用 ~