Parcel Bundler:从 node_modules 导入 scss 文件而不指定完整路径?

Posted

技术标签:

【中文标题】Parcel Bundler:从 node_modules 导入 scss 文件而不指定完整路径?【英文标题】:Parcel Bundler: import scss files from node_modules without specifying the full path? 【发布时间】:2018-06-08 15:06:30 【问题描述】:

目前,我像这样导入 scss 文件:

@import './node_modules/bulma/bulma';

但是,在 Laravel Mix 中,我了解到我可以像这样导入文件,而无需指定 ./node_modules

@import '~bulma/bulma';

无论如何我可以在 ParcelJS 中做到这一点?

【问题讨论】:

【参考方案1】:

webpack 中的 sass-loader 使用 node-sass 的自定义导入器功能将所有查询传递给 webpack 解析引擎。

但是在包裹捆绑器中,

尚未为 SASS/SCSS 实现 node_modules 解析算法。目前您可以制作一个 .sas-s-rc 或 .sas-s-rc.js 文件来配置 node-sass 的 includePaths 选项以包含 node_modules。

找到当前解决方法in this discussion

【讨论】:

以上是关于Parcel Bundler:从 node_modules 导入 scss 文件而不指定完整路径?的主要内容,如果未能解决你的问题,请参考以下文章

parcel-bundler 中的 .cache 文件夹是啥?是不是需要将 .cache 文件夹推送到 Github?

Parcel Bundler 和 React 服务器端渲染

使用终端安装 Parcel Bundler 时如何修复权限错误

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

Parcel 打包器简单使用记录

如何修复在 Parcel.js 中运行的服务器上的“未找到条目”